﻿@charset "utf-8";
@import "common/function.less";
@import "common/colors.less";
@ie9-fix:~"\9";@ie10-fix:~"\10";
@font-face {
    font-family: 'iconfont'; /* project id 759550 */
    src: url('//at.alicdn.com/t/font_759550_i5hl5ag0lio.eot');
    src: url('//at.alicdn.com/t/font_759550_i5hl5ag0lio.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_759550_i5hl5ag0lio.woff2') format('woff2'), url('//at.alicdn.com/t/font_759550_i5hl5ag0lio.woff') format('woff'), url('//at.alicdn.com/t/font_759550_i5hl5ag0lio.ttf') format('truetype'), url('//at.alicdn.com/t/font_759550_i5hl5ag0lio.svg#iconfont') format('svg');
}

@font-face {
    font-family: 'iconfont1'; /* project id 735815 */
    src: url('//at.alicdn.com/t/font_735815_dklots5ahj.eot');
    src: url('//at.alicdn.com/t/font_735815_dklots5ahj.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_735815_dklots5ahj.woff') format('woff'), url('//at.alicdn.com/t/font_735815_dklots5ahj.ttf') format('truetype'), url('//at.alicdn.com/t/font_735815_dklots5ahj.svg#iconfont') format('svg');
}

.iconfont, .iconfont1 {
    display: inline-block;
    width: 16px;
    font: normal normal normal 14px/1 iconfont;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    -webkit-text-stroke-width: 0px;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
    text-align: center;
    padding-right: 4px;
}

.iconfont1 {
    font: normal normal normal 14px/1 iconfont1;
}
::-webkit-scrollbar {
    width: 0px;
}
.frame::-webkit-scrollbar:horizontal {
    height: 10px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid f4f8fa;
    background-color: #ccc;
}
/*****************************
  初始化
  2013/10/29
*****************************/
html, body { 
	height:100%;
}
body {
	color:#333;
	background:#eff3f5;
    word-break: break-all;
	font: 12px/20px  '宋体', Arial, sans-serif;
}
body, div, ul, li, h2, form, fieldset, legend, button, p, blockquote, input {
	margin:0;
	padding:0;
}

.legend{
	background-color:transparent;
	-moz-user-select:none;/*火狐*/
	-webkit-user-select:none;/*webkit浏览器*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*早期浏览器*/
	user-select:none;
	&>div{
		background-color:transparent !important;
		
	}
	.legendLabel{	
		cursor: default;
	}
}
select {
	vertical-align:middle;
	outline:none;
	height:28px;
	border:solid 1px #ccc;
	margin:0;	
}
table input[type="checkbox"]{
	height:18px;
	width:18px;
}
input {
	outline: none;
}
tr.nopd td, .nopd {
	padding:0;
}
a, a:link, a:visited {
	color: #00a0e9;
	text-decoration: none;
	cursor:pointer;
}
a:active, a:hover {
	text-decoration:none;
	color:#D9534F;
}
/*****************************
  公共类
  2013/13/29
*****************************/
/*数字*/
strong{
	font-family:Arial;
	//font-size:13px;
	font-weight:normal;
}
.price {
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#F74A00;
}
.money {
	font: 16px/20px "微软雅黑", "黑体";
	color: #F74A00;
}
.ph-num {
    color: #428bca;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    word-wrap: break-word;
	word-break: break-all;
	white-space: nowrap;
}
.ph-num-min {
  color: #00a0e9;
  font-size: 12px;
  font-family: Arial;
}
.red-num{
	color:#D9534F;
	font-family:Arial;
	font-size:13px;
}
.num-time{
	font-family:Arial;
	color:#666;
	&.cl333{
		color:#333;
	}
}
/*字体颜色*/
.red {
	color: red;
}
.gray {
	color: #808080;
}
/*纯CSS三角型*/
.select-icon {
	width:0;
	height:0;
	line-height:0;
	font-size:0;
	border-width:4px;
	border-style:solid;
	border-color:#666 transparent transparent;
	-moz-transform-origin:50% 30%;
	-webkit-transition:-webkit-transform .2s ease-in;
	-moz-transition:-moz-transform .2s ease-in;
	-o-transition:-o-transform .2s ease-in;
	transition:transform .2s ease-in;
}
/*边框&线条*/
.list-icon li {
	background:url(images/simple.png) no-repeat 0 -770px;
	padding:0 0 0 12px;
}
.table-redline{
	border-bottom:1px solid #C8625F;
	padding-bottom:10px;
}
/*子模块*/
.notopen{
	color:#999;
	cursor:text;
	background:none;
	border:0;
}
/*不换行*/
.nowrap{
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
/*图标*/
.icon-customer,
.icon-customer2,
.icon-customer-sm,
.icon-customer-sm2  {	
	width:64px;
	height:64px;
	display:inline-block;
	background:url(images/common.png) no-repeat 0 -352px;
}
.icon-customer2{
	background-position:-72px -352px;
}
.icon-customer-sm,
.icon-customer-sm2 {
	width:48px;
	height:48px;
	background-position:0 -432px;
}
.icon-customer-sm2{
	background-position:-61px -432px;
}
.icon-demand,
.icon-xiaoqu {	
	width:64px;
	height:64px;
	display:inline-block;
	background:url(images/common.png) no-repeat 0 -272px;
}
.icon-xiaoqu {	
	background-position:-144px -272px;
}
.up-icon,
.down-icon {
	  &:after{
	      vertical-align: middle;
          min-width: 15px;
          text-align: center;
          content: "\e636";
          font: normal normal normal 11px/1 iconfont;
          speak: none;
          font-style: normal;
          font-weight: 400;
          display: inline-block;
          margin-top: 1px;
        }
}
.down-icon {
	  &:after{
	content: "\e637";
	}
}
.close-icon {
	background:url(images/simple.png) no-repeat 4px -482px;
	padding:10px 0 10px 20px;
	cursor: pointer;
	opacity:0.7;
	border-radius:3px;
	&:hover{
		opacity:1;	
	}
}
.icon-callout,
.icon-callin,
.icon-endcall,
.icon-startcall{
	width:16px;
	height:16px;
	display:inline-block;
	background:url(images/button1.png) no-repeat -2px -401px;
}
.icon-callin{
	background-position:-2px -363px;
}
.icon-endcall{
	background-position:-2px -438px;
}
.icon-startcall{
	background-position:-2px -473px;
}
.icon-good,
.icon-middle,
.icon-bad {
    background: url(images/oav2/praise.png) no-repeat;
    padding-top: 1px;
    padding-left: 85px;
    *display: inline-block;
}
.icon-good {
    background-position: -1px -54px;
}
.icon-middle {
    background-position: -1px -28px;
}
.icon-bad {
    background-position: -1px -1px;
}
/* 提示 */
.tips-warning.saveright{
	vertical-align:middle;
	margin-bottom:0px;
	margin-left:20px;
	margin-top:7px;
	display:inline-block;
	.icon-warning{
		vertical-align:top;
		margin-left:0;
	}
}

.simple-tips {
	background:url(images/share.png) no-repeat 2px -572px;
	padding:2px 0 2px 20px;
	color:#999;
}
.warning-tips {
	background: #FCF8E3;
	border: solid 1px #FAEBCC;
	padding: 6px 20px;
	color: #8A6D3B;
	font-size: 12px;
	line-height: 20px;
	margin: 12px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle;
}
.warning-tips b {
	font-family:Arial, Helvetica, sans-serif;
}
.content-tips {
	margin:12px 0;
}
.content-tips b {
	background: #3A87AD;
	border: 0;
	margin:0 10px 0 3px;
	padding: 3px 4px;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.none {
	border: solid 1px #dadada;
	padding: 10px 210px 10px 52px;
	margin: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #666;
	display: inline-block;
}
.tip-none{	
	background: url(images/tips.png) no-repeat 0 -384px;
	padding:13px 0 12px 56px;
	width:21%;
	margin:40px auto;
	font-size:1.33em;
	line-height:1.5em;
	font-family:"微软雅黑";
	color:#666;
	text-indent:0;
	&.top{
		background-position:0 -372px;
	}
	&.small{
		margin:20px auto;
		font-size:14px;
		background-position:0 -96px;
		padding:2px 0 2px 28px;
		width:140px;
	}
	&.large{
		width:300px;
		padding: 22px 20px 22px 96px;
		margin:140px auto;
		background-position: 20px -834px;
		&.top{
			background-position: 20px -819px;
		}
	}
}
.PopWindow{
	.tip-none{
		width:48%;
	}
}
.tip-info{
	background: #ffffff url(images/tips.png) no-repeat 12px -83px;
	padding: 16px 12px 16px 42px;
	font-size:1.33em;
	font-family:"微软雅黑";
	color:#666;
}
.tip-mini{
	background:url(images/tips.png) no-repeat 3px 3px;
	padding:0 0 0 20px;
	margin:6px 0;
	display:inline-block;
}
/*无权限查看提示*/
.tip-noview {
    color: #31708f;
}
.icon-tnone-xm{
	background: url(images/tips.png) no-repeat 0 0;
	width:14px;
	height:14px;
	display:inline-block;
	vertical-align:middle;
}

/* 表单 */
.select {
	border:solid 1px #ccc;
	padding:6px;
	width:160px;
	&.small{
		width:80px;
	}
	&.sl-mm{
		width:190px;
	}
	&.middle{
		width:200px;
	}
	&.sl-lg{
		width:236px;
	}
	&.large{
		width:260px;
	}
	&.sl-sm{
		width:122px;
	}
}
.trea{
	border:solid 1px #ccc;
	height:40px;
	padding:6px;
	width:200px;
    overflow:auto;
	&.disabled{
		background:#EEE;
		color:#CCC;
	}
	&.small{
		width:120px;
	}
	&.middle{
		width:300px;
		height:80px;
	}
	&.xmiddle{
		width:430px;
		height:46px;
	}
	&.large{
		width:465px;
		height:60px;
	}
	&.xlarge{
		width:560px;
		height:90px;
	}
}
.inpt-search {
    position: relative;
    display: inline-block;
    vertical-align:middle;
	*zoom:1;
	*display:inline;
	.ips-left{
		padding:0;
		background: url(images/simple.png) no-repeat 5% -64px;
		display:block;
		position:absolute;
		left:12px;
		top:6px;
		width:20px;
		height:20px;
	}
    .inpt-sch {
		width: 200px;
		padding: 7px 40px 7px 40px;
		border: solid 1px #cccccc;
		&.ips-sm{
			width:154px;
		}		
		&.ips-xs{
			padding:5px 40px 5px 6px;
			width:154px;
		}
	}
	.inpt-sch-btn {
		position: absolute;
		width: 40px;
		height: 29px;
		top: 1px;
		right: 1px;
		background: #fff url(images/simple.png) no-repeat 12px -59px;
		text-indent:-2000px;
		cursor: pointer;
		border: 0;
		&:hover{
			background-position: 12px -86px;
		}
		&.isb-sm{
			height:24px;
			width:26px;
			background-position: 5px -61px;
			&:hover{
				background-position: 5px -88px;
			}
		}		
	}
	.inpt-multi{
		.borderfunction;
		padding:1px 0px 1px 0;
		display:inline-block;
		input{
			border: 1px solid #fff;
			/*background: #fff;*/
			padding-left:4px;
			float:left;
			width:110px;
			height:22px;
			line-height:22px;
			&.ipt-lg{
				width:237px;
			}
		}
		.inpt-br{
			border-right:1px solid #ccc;
		}
	}
}
.nor-header{
    font-size:16px;
    margin-bottom:8px;
    font-weight:normal;
    color:#333;
    &.nor-header2{
        font-size:14px;
        margin-bottom:6px;
    }
} 
/* 表单框架 20140625 黄敏思修改*/
.icheckbox_minimal-grey, .iradio_minimal-grey{
    &+label{
        text-align:left;
    }
}
.form{
    &.tl-form{
        li{
            label{
                text-align:left;
                vertical-align: middle;
            }
        }
    }
	li{
		margin:0 0 12px 0;
		.inpt.xsmall{
			width:20%;
			max-width:126px;
		}
		label{
			min-width:84px;
			display:inline-block;
			margin: 0 12px 0 0;
			color:#666;
			text-align:right;
			em{
				color:red;
				display:inline-block;
				width:6px;
				font-size:14px;
				font-family: "宋体";	
			}
			&.label-sm{
				width:auto;
			}
			&.label-sixth{
				width:60px;
			}
			&.label-lg{
				width:96px;
			}
			&.label-xlg{
				width:126px;
			}
			&.middle{
				width: 120px;
			}
			&.large{
				width: 190px;
			}
		}
		span{
			label{
				width:auto;
				min-width:50px;
				margin:0 0 0 10px;
				text-align: left;
				vertical-align: middle;
				cursor:pointer;
				.ui-button-text{
					text-align:center;
				}
				&.group{
					width: 120px;
					color:#666;
				}
				&.middle{
					width:100px;
				}
				&.small{
					width:82px;
				}
				&.xsmall{
					width:64px;
				}
				em{
					color:#333;	
				}
			}
			input[type=checkbox],input[type=radio],.chzn-container{
				vertical-align: middle;
			}
			i{
				color: #999;
				margin-left:20px;
				display:inline-block;
				&.red{
					color:#ff0000;
				}
			}
			li{
				margin:0;
			}
			span,.outdemand{
				i{
					margin-left:0;
				}
			}
		}
		.oa-static{
			margin-left:0;
		}
	}
	.fl-inline{
		label{
			display:inline;
			width:auto;			
		}
	}
	&.form-large{
		li{
			label{
				width:150px;
			}
		}
	}
}
.form{
	&.form-spe{
		li{
			margin-bottom:-14px;
			span{
				width:86%;
			}
		}
	}
}
.form-label-lg{
	.form{
		label{
			width:200px;
		}
		span{
			label{
				width:auto;
			}
		}
	}
}
.halfform{
	float:left;
	width:50%;

	li{
		margin:0 0 12px 0;
		label{
			width:84px;
			display:inline-block;
			margin: 0 12px 0 0;
			color:#666;
			text-align:right;
			em{
				color:red;
				display:inline-block;
				width:12px;
				font-size:14px;
				font-family: "宋体";
			}
			&.middle{
				width: 120px;
			}
			&.label-lg{
				width:96px;
			}
			&.label-xlg{
				width:126px;
			}
		}
		span{
			label{
				width:50px;
				margin:0 0 0 10px;
				text-align: left;
				vertical-align: middle;
				cursor:pointer;
				.ui-button-text{
					text-align:center;
				}
			}
			input[type=checkbox],input[type=radio]{
				vertical-align: middle;
			}
			i{
				color: #999;
			}
			&.address{
				display:inline-block;
				max-width:68%;
				vertical-align:top;
			}
		}
	}
	.tab-lborder li{
		margin-bottom:0;
	}
}
@media screen and ( max-width: 1480px ) { 
    .halfform-halfform.halfform{
        width:100%;
    }
}
.form-btn {
	padding:20px 0 30px 24px;
	border-top:dotted 1px #ccc;
}
.form-wrap {
	padding:12px;
	/*background:#fff;*/
	&.form-wfix{
		width:780px;
		font-size:14px;
	}
}
.form-half li {
	width: 49%;
	margin:0 0 12px 0;
    display: inline-block;
}
@media screen and (max-width:1385px){
    .finance{
        .form{
            width:960px;
        }
    }
}
.fnext-btn {
	background: #e4e4e4;
	padding: 4px 30px 10px;
	text-align: right;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
	position:relative;
	.flist-check{
		position: absolute;
		top: 12px;
		left: 14px;
	}
	.btn{
		vertical-align:bottom;
	}
}
/*后台服务设置*/
.system-editbox{
	.halfform{
		width:46%;
		margin-right:20px;
	}
}
/*工作经历 20140421*/
.form-table{
	li{
		margin: 0 0 12px 0;
		b{
			color:#666;
		}
		label,span{
			display: inline-block;
			padding-left:12px;
		}
		label{
			width: 28%;
		}
		span.cpn{
			width: 46%;
		}
	}
}
/* 表单按钮 */
.btn-wrap{
	border-top:dotted 1px #ccc;
	padding-top:8px;
	.btn{
		margin-top:6px;
	}
}
.btnred {
	background:#C64B48;
	border:solid 1px #A53E3B;
	padding:7px 0;
	width:94px;
	color:#fff;
	cursor:pointer;
	word-break:break-all;
	word-wrap:break-word;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.btnred.hover, .btnred:hover {
	background:#A73B39;
	border:solid 1px #A73B39;
}

/*按钮大小*/
.tbtn {
	color:#00a0e9;
	white-space: nowrap;
	padding:0 10px;
	cursor:pointer;
	height: 26px;
	line-height: 26px;
	display: inline-block;
	word-break:break-all;
	word-wrap:break-word;
	white-space: nowrap;
	text-decoration:none;
	background-color: #fff;
	border: 1px solid #ccc;
	vertical-align:middle;	
	&.hover,&:hover{
		background-color:#f2f2f2;
		border:solid 1px #bbb;
		color:#D9534F;
		text-decoration:none;
		&.disabled{
			background-color:#c4c4c4;
			color:#969696;
			border:solid 1px #969696;
			cursor:text;
		}
	}	
	&.tbtn-sm{
		padding:0 12px;
	}
	&.disabled,&[disabled]{
		cursor:not-allowed;
		pointer-events:none;
		outline:none;
		opacity:.65;
		background-color:#eee;
	}
}
a.tbtn .select-icon {
	position: relative;
	top: -3px;
}
.opbtn {
	background:#428bca;
	.borderfunction(1px,#357ebd);
	line-height:1.5;
	color:#fff;
	cursor:pointer;
	word-break:break-all;
	word-wrap:break-word;
	white-space: nowrap;
	text-align:center;
	font-size:12px;
	display:inline-block;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 3px;
	vertical-align: middle;
	&:hover{
		background:#3071a9;
		.borderfunction(1px,#285e8e);
		text-decoration:none;
	}
	&.disabled{
		cursor: default;
		-moz-opacity: .4;
		opacity: .4;
		filter: ~"alpha(opacity:40)";
		-ms-filter: "alpha(Opacity=40)";
		background-color:#666;
		.borderfunction;
	}
	&.cancel{
		.borderfunction(1px,#666);
		background:whitesmoke;
		color:#00a0e9;
		&:hover{
			background:#f0f0f0;
			.borderfunction(1px,#555);
			color:#D9534F;
			text-decoration:none;
		}
		
	}
}
a.opbtn {
	color:#fff;
	text-decoration:none;
}
.opbtn.on {
	background: #EAEAEA;
	color: #666;
	cursor: text;
}
.opbtn.small {
	padding:3px 6px;
	margin-bottom:4px;
}
.opbtn.middle {
	padding:7px 16px;
}
.opbtn.large {
	padding:12px 22px;
}
.bbtn {
	color:#00a0e9;
	white-space: nowrap;
	padding:2px 12px;
	cursor:pointer;
	display: inline-block;
	word-break:break-all;
	word-wrap:break-word;
	white-space: nowrap;
	text-decoration:none;
	border: 1px solid #ccc;
	vertical-align:middle;
	.border-radius;
}
.tabs .btn {
	padding-top: 3px;
	padding-bottom: 3px;
}
.btntc{
	text-align:right;
	display:block;
	clear:both;
	margin:20px 0;
	padding:12px 0 0 20px;
	border-top: 1px dotted #ccc;
	input,button{
		margin-left:6px;
	}
}
/**按钮图标 20140619**/
.icon-btn-plus,
.icon-btn-close,
.icon-btn-note,
.icon-btn-left,
.icon-btn-power,
.icon-btn-reload,
.icon-btn-toin,
.icon-btn-upload,
.icon-btn-photo,
.icon-btn-bubble
{
	padding-left:30px;
	padding-bottom:2px;
	padding-top:2px;
	background-repeat:no-repeat;
	background-image:url(images/button1.png);
}
.icon-btn-plus{
	background-position:6px -1297px;
}
.icon-btn-close{
	background-position:6px -317px;
}
.icon-btn-note{
	background-position:6px -1196px;
}
.icon-btn-left{
	background-position:6px -1163px;
}
.icon-btn-toin{
	background-position:6px -1388px;
}
.icon-btn-power{
	background-position:6px -1230px;
}
.icon-btn-reload{
	background-position:6px -1263px;
}
.icon-btn-upload{
	background-position:6px -1357px;
}
.icon-btn-photo{
	background-position:6px -1328px;
}
.callout{
	color: #666;
	white-space: nowrap;
	padding:5px 3px;
	cursor: pointer;
	display: inline-block;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;	 
	border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;	
	word-break: break-all;
	word-wrap: break-word;
	background-color: #fff;
	border: 1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	font-family:arial;
	vertical-align:middle;
}
/*.icon-btn-callout{
	color:white;
	padding-left:28px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align:middle;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-top-right-radius:3x;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	display:inline-block;
	background:#418BCA url(images/button1.png) no-repeat 4px -499px;
}*/
.icon-btn-bubble{
	padding:2px 14px 2px 34px;
	background:url(images/button1.png) no-repeat 10px 7px;
}

/*a 链接按钮*/
a{
	&:link,&:visited{
		&.btn-border{
			padding:6px 8px;
			text-decoration:none;
			height:16px;
			line-height:16px;
			display:inline-block;
			vertical-align:middle;
			&.disabled{
				cursor:default;
			}
			&.btext{
				padding:8px 10px 8px 30px;
			}
		}		
	}
	&:hover,&:active{
		&.btn-border{
			padding:5px 7px;
			.borderfunction(1px,#dfdfdf);
			&.disabled{
				padding:6px 8px;
				border:0;
				background:none;
			}
			&.btext{
				padding:7px 9px 7px 29px;
			}
			&.icon-btn-upload{
				background-position:5px -1358px;
			}
			&.icon-btn-toin{
				background-position:5px -1389px;
			}
		}		
	}
}
/*OAV2图标*/
.caret{
	display:inline-block;
	width:16px;
	text-indent:-2000px;
}
.caret.on{
}
.icon-clear-select{
	display:inline-block;
	padding: 2px 2px 2px 17px;
	background: url(images/simple.png) no-repeat 0 -165px;
}
a:link,a:visited{
	&.icon-clear-select{
		text-decoration:none;
	}
}
/********** 
	通用表格  吕小军 2014年06月19日修改 
*********/
.tblue-title{
	color:#428BCA;
}
.tgray-cont{
	color:#888;
}
.table {
    tr {
        strong {
            word-wrap: break-word;
            word-break: break-all;
            white-space: nowrap;
            margin: 0 -20px;
        }

        th {
            color: #fff;
            padding: 6px 12px;
            text-align: left;
            background-color: #6c6c6c;
            background-image: -moz-linear-gradient(top, #636363, #737373);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#636363), to(#737373));
            background-image: -webkit-linear-gradient(top, #636363, #737373);
            background-image: -o-linear-gradient(top, #636363, #737373);
            background-image: linear-gradient(to bottom, #636363, #737373);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#737373', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');

            &.table-header {
                background: #d7d7d7;
                text-align: center;
            }

            &.cur {
                &:hover {
                    text-decoration: underline;
                }
            }

            &[scope="row"] {
                border-right: solid 1px #e4e4e4;
                text-align: center;
                color: #666;
                font-weight: normal;
            }

            input {
                margin-left: 12px;
            }

            &.tright {
                text-align: right;
                padding: 6px 40px 6px 12px;
            }

            &.tcenter {
                text-align: center;
            }
        }

        &.redtopborder {
            th {
                border-top: solid 1px #C9625F;
            }
        }

        td {
            background-image: url(images/oav2/dotted.png);
            background-position: 0 100%;
            background-repeat: repeat-x;
            padding: 6px 12px;

            &.tcenter {
                text-align: center;
            }

            .opbtn {
                visibility: hidden;
                margin: 2px 0;
            }

            &.red {
                strong {
                    color: #D9534F;
                    padding-left: 6px;

                    &.pd0 {
                        padding-left: 0;
                    }
                }
            }

            &.pd0 {
                padding: 0;
            }

            &.user-type {
                img {
                    float: left;
                    margin-right: 20px;
                }
            }

            label {
                margin-left: 3px;
                margin-right: 12px;
                vertical-align: middle;
            }

            input {
                vertical-align: middle;
                margin-left: 12px;
            }

            em {
                display: block;
            }

            .ph-num {
                font-weight: normal;
            }

            &.tright {
                text-align: right;
                padding: 6px 40px 6px 12px;
            }
        }

        &.first {
            th, td {
                border-top: solid 1px #e4e4e4;
            }
        }

        &.thenew {
            td {
                border-top: solid 1px #F00;
            }
        }

        &.on {
            td {
                background-color: #f9f9f9;
            }
        }

        &.hoveron {
            td {
                background-color: #E9F3FF;

                .opbtn {
                    visibility: visible;
                }
            }

            &.nobg {
                td {
                    background-color: transparent;
                }

                .hoveron {
                    background-color: #E9F3FF;
                }

                .on {
                    td {
                        background-color: #f9f9f9;
                    }

                    &.hoveron {
                        td {
                            background-color: #E9F3FF;
                        }
                    }
                }

                .areatotal {
                    td {
                        background-color: #F9F5EE;
                    }
                }
            }
        }

        &:hover {
            .opbtn {
                visibility: visible;
            }
        }

        &.bd0 {
            td {
                background: none;
            }
        }

        &.bold {
            font-weight: bold;

            strong {
                font-weight: bold;
            }
        }

        &.mod-total {
            strong {
                font-weight: bold;
            }

            td {
                background-color: #F9F5EE;
            }
        }
    }

    &.tablecount {
        border-collapse: collapse;

        th {
            text-align: center;
            border: dotted 1px #ccc;

            &.pd0 {
                padding: 0;
            }
        }

        td {
            text-align: center;
            background: none;
            border: dotted 1px #ccc;

            &.on {
                background-color: #f9f9f9;
            }

            &.bold {
                font-weight: 900;

                strong {
                    font-weight: 900;
                }
            }

            tr {
                &.on {
                    td {
                        background-color: #f9f9f9;
                    }
                }

                &.bold {
                    td {
                        font-weight: 900;

                        strong {
                            font-weight: 900;
                        }
                    }
                }
            }
        }

        .secondtype {
            td {
                background: #898989;
                color: #fff;
                font-weight: bold;
            }
        }

        table {
            border-collapse: collapse;

            &.secondth {
                th {
                    background: #898989;
                }
            }

            tr {
                th, td {
                    &:first-child {
                        border-left: 0;
                    }

                    &:last-child {
                        border-right: 0;
                    }
                }

                &:first-child {
                    th, td {
                        border-top: 0;
                    }
                }

                &:last-child {
                    th, td {
                        border-bottom: 0;
                    }
                }
            }
        }

        .mod-total {
            strong {
                font-weight: 900;
            }

            td {
                background-color: #F9F5EE;
            }
        }

        &.newhouse-model {
            .hoveron {
                td {
                    background: #fff;

                    tr:hover {
                        td {
                            background: #FFF2EF;
                        }
                    }
                }
            }

            td tr.on1 td {
                background: #E9F3FF;
            }

            tr {
                th {
                    background: #f4f8fa;
                    font-weight: 500;
                    border: 1px dotted #ccc;
                    color: #444444;
                    padding: 6px 0px !important;

                    &.pd0 {
                        padding: 0px !important;
                    }
                }

                td {
                    border: 1px dotted #ccc;
                    padding: 6px 0px !important;
                    &.pd0 {
                        padding: 0px !important;
                    }

                    &.on {
                        background: #f4f8fa;
                    }

                    &.mod-total {
                        background-color: #F9F5EE;
                    }
                }
            }
        }
    }

    &.light-header {
        th {
            color: #666;
            border-bottom: solid 1px #d7d7d7;
            background: #f2f2f2;
        }
    }

    .table2 {
        tr {
            th {
                color: #666;
                background: #f2f2f2;
            }
        }
    }

    .lborder {
    }
}
.table2 {
	border-collapse:collapse;
	tr{
		th{
			color:#666;
			padding:6px 12px;
			border:solid 1px #d7d7d7;
			text-align:left;
			background-color:#f2f2f2;
		}
		td{
			border: solid 1px #d7d7d7;
			padding:6px 12px;
			background:none;
			text-align:left;
			.opbtn{
				visibility:hidden;
			}
			label{
				margin-left:4px;				
			}
			input{
				vertical-align:middle;
			}
			&.on{
				background:#f9f9f9;
			}
		}
		&.thenew{
			td{
				border-top: solid 1px #F00;
			}
		}
		&.on{
			td{
				background:#f9f9f9;
			}			
		}
		&.qon{
			background: #FEFFE5;
			td{
				border: solid 2px #FC7D23;
			}
		}
		&.hoveron{
			td{
				background:#E9F3FF;
				.opbtn{
					visibility:visible;
				}
			}
		}
		&:hover{
			.opbtn{
				visibility:visible;
			}
		}
		&.nobg{
			background:none;
		}
	}
	&.tdcenter{
		td{
			text-align:center;
			&.tdc-left{
				text-align:left;
				label{
					cursor:pointer;
					padding:0 6px;
					vertical-align:middle;
				}
			}
		}
	}
}
.bordertable {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	border: 1px solid #ccc;
	th,td{
		border-collapse:collapse;
		border-spacing:0;
		display:table-cell;
		text-align: center;
		padding: 8px 4px;
	}
	th{
		color: #fff;
		background-color: #797979;
		/*background-image: -moz-linear-gradient(top, #636363, #737373);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#636363), to(#737373));
		background-image: -webkit-linear-gradient(top, #636363, #737373);
		background-image: -o-linear-gradient(top, #636363, #737373);
		background-image: linear-gradient(to bottom, #636363, #737373);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#737373', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');*/
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	td{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
}
td {
	.nobd{
		padding: 0;
		height: 100%;
		table{
			height: 100%;
			min-height: 56px;
		}
		td{
			border: 0;
			padding: 4px;
			border-right: 1px solid #59554F;
			border-top: 1px solid #59554F;
			&.last{
				border-right: 0;
			}
		}
		tr{
			&.first{
				td{
					border-top: 0;
				}
			}
		}
	}
}
/*日志-表格*/
.table-ed{
	text-align:left;
	padding:0;
	display:table;
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	background: #f2f2f2;
	&.te-sm{
		width:98%;
	}
	tr{
		th{
			padding:5px 10px;
			border-bottom:1px solid #ccc;
			color:#666;
			&.te-cola{
				width:24%;
			}
			&.te-colb{
				width:38%;
			}
		}
		td{
			padding:5px 10px;
			border-bottom:1px solid #ccc;
		}
	}
}
/*table 为屏幕的50%*/
.table-half{
	width:472px;
	&.large{
		width:780px;
	}
}
/*********************************************
 主体框架 V1
 2013/10/29
 吕小军
 *********************************************/
.topbar {
	height:28px;
	background:#2E2E2E;
	color:#fff;
	min-width: 980px;
}
.topbar h1 {
	color:#ccc;
	font-size:21px;
	display:inline-block;
	vertical-align:bottom;
	line-height:27px;
	margin:0 0 0 6px;
}
.topbar .left span {
	color:#ccc;
	display:inline-block;
	vertical-align:bottom;
	font-size:14px;
	margin-left:12px;
	font-weight:bold;
}
.man-info {
	/*margin:0 12px 0 0;*/
	color:#666;
}
.man-info li {
	float: left;
	margin: 0 6px 0 0;
}
.man-info li a:link,
.man-info li a:visited {
	color: #666;
	display:block;
}
.man-info li a:hover,
.man-info li a:active {
	color: #666;
}
.man-info li span {
	color: #555;
}
.main {}
/*旧版侧栏菜单*/
.left-menu {
	float:left;
	width:170px;
	min-height: 1080px;
	background:#1F1F1F;
	color:#fff;
}
.left-menu ul {
	background:#1F1F1F;
}
.left-menu ul.on {
	background:#272727;
}
.left-menu li ul {
	display: none;
}
.left-menu li a {
	color:#999;
	padding: 6px 18px 6px 22px;
	display:block;
}
.left-menu li a:hover, .left-menu li a:active, .left-menu li.on span, .left-menu li.on a {
	color:#fff;
}
.left-menu li span {
	color:#999;
	padding:6px 18px;
	display:block;
	cursor: pointer;
	font-weight: bold;
	border-bottom:solid 1px #323232;
	border-top:solid 1px #323232;
}
.left-menu li span.closemenu {}
.content {
	min-width: 980px;
	max-width: 1370px;
	margin: 0 auto;
}
.content-header {
	font-size:12px;
	color:#666;
	padding-bottom:16px;
	padding-top:12px;
	h2{
		margin:0;
		float:left;
		font-size:24px;
		line-height:24px;
		font-weight:normal;
		font-family:"微软雅黑";
		color:#C9625F;
		display:none;/*吕小军 20140731添加*/
	}
	.tool{
		float:left;
		/*margin:7px 6px 0 30px; 20140731添加*/
		input{
			margin:0;
		}
	}
}
.content-inner {
	padding:12px;
	min-height:470px;
	width:100%;
	padding:0;
	float:left;	
}
/***OA内容大框架***/
.colbody{
	//padding-right:220px;	
	width:75%;
}
.isleftbar{
	//padding-left:52px;
}
.col-lg{
	padding-left:204px;
	position:relative;
}
.col-right{
	width:23%;
	margin-left:2%;
	float:left;
	margin-top:42px;
	.mod-wrap{
		min-width:200px;
	}
}
.col-left{
	width: 266px;
	position:absolute;
	top:0;
	left:0;
}
.depart-right {
	width:77%;
	float:left;
}
.col192{
	width:192px;
	position:absolute;
	left:0;
	top:0;
	background:#fff;
}
.inner{
	padding:12px;
}
/*侧边栏菜单-账号设置 20140708 黄敏思*/
.border-red{
	border:2px solid #fff;
	border-top:2px solid #c9625f;
}
.menu-side {
    li{
		span{
			vertical-align:middle;
		}
		a:link,a:visited{
			display: block;
			color: #00a0e9;
			font-size: 14px;
			text-decoration: none;
			padding: 7px 16px;
			.ms-mark{
				color:#00a0e9;
				float: left;
				margin-right: 6px;
				font-size: 12px;
			}
		}
		a:hover,a:active{
			background:#ddd;
		}
		&.menu-on a:link,&.menu-on a:visited{
			background: #00a0e9;
			color: #fff;
			.ms-mark{
				color:#fff;
			}
		}
	}
}
/******************
头部框架 V2
20140707
吕小军
********************/
/*头部header*/
.activecolor{
	color:@white;
	background:@maincolor;
}
.header-box{
    background: #00a0e9;
	border-bottom:solid 2px #ccc;
}
.header-inner {
    width: 100%;
	min-width:1080px;
	background:#00a0e9;
    margin: 0 auto;
    position: relative;
}
.header-logo {
    float: left;
	height:25px;
	overflow:hidden;
	margin:12px 0 0 12px;
}
.header-logo a:link,
.header-logo a:visited {
    display: block;
}
.header-lmenu {
    float: left;
	li{
		float: left;
		a{
			&:link,&:visited{
				color: #fff;
				text-decoration: none;
				font-size: 16px;
				font-family:'微软雅黑 Regular', '微软雅黑';
				display: block;
				_display:inline-block;
				height: 20px;
				padding: 12px 10px 16px;
				margin:0;
				_border:0;
				_background:none;				
				position:relative;
				bottom:-2px;
				border-bottom: solid 2px transparent;
				_border-bottom:2px solid #ccc;
				&.menu-on,&.bon{
					.activecolor;					
				}
				&.notopen{
					.notopen;
				}
			}		
			&:hover,&:active{		
				.activecolor;				
			}	
		}
	}
}
.header-depart{
	float:left;
	color:white;
	padding-top: 5px;
	margin: 0 13px;
	li{
		border-left: solid 1px #ddd;
		padding-left: 10px;
		h2{
			font-size:12px;
		}
		span{
			color:#999;
		}
	}
}
.header-rmenu {
    float: right;
	padding-right:12px;
    _height: 46px;
    _overflow: hidden;
	li{
		float: left;
		a{
			&:link,&:visited{
				display: block;
				_display: inline-block;
				_border: 0;
				overflow: hidden;
				position: relative;
				padding: 12px 12px 16px;
				font-size:14px;
				margin:0 1px;
				color: #333;
				position:relative;
				bottom:-2px;
			}
			&.menu-on,&.bon{
				.activecolor;				
			}
			&:hover,&:active{
				.activecolor;
			}
			&:link.disabled,&:visited.disabled,&:hover.disabled,&:active.disabled{
				cursor: default;
				-moz-opacity: .4;
				opacity: .4;
				filter: ~"alpha(opacity:40)";
				-ms-filter: "alpha(Opacity=40)";
				background:none;
			}
		}
		&.login{
			a{
				&:link,&:visited{
					text-indent: 0;
					color: #fff;
					text-decoration: none;
					padding:4px 15px 10px 10px;
					padding-right:19px;
					background:url(images/share.png) no-repeat 96% -408px;
					.edit-bpic {
						display: inline-block;
						width: 34px;
						height: 34px;
						overflow: hidden;
						position: relative;
					}
					.icon-broker-circle{
						width: 34px;
						height: 34px;
						display: inline-block;
						background: url(images/share.png) no-repeat 0 -476px;
						position: absolute;
						top: 0;
						left: 0;	
					}
					&.menu-on,&.bon{
						background-color:@maincolor;
						.icon-broker-circle{
							background: url(images/share.png) no-repeat 0 -518px;
						}
					}
				}
				&:hover,&:active{
					background-color:@maincolor;
					.icon-broker-circle{
						background: url(images/share.png) no-repeat 0 -518px;
					}
				}
			}
		}
	}
}
.icon-quicksearch{
	display: block;
    width: 18px;
    height: 18px;
	text-indent:-3000px;
    background: url(images/share.png) no-repeat 0 0;
}
.icon-my-message,
.icon-plus-20
{
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;	
	background-image:url(images/share.png);
}
.icon-my-message {
    background-position:0 -285px;
}
.icon-plus-20{
	background-position:0 -30px;
}
.icon-rpoint {
    display: block;
    width: 7px;
    height: 7px;
    background: url(images/share.png) no-repeat 0 -609px;
    position: absolute;
    top: 12px;
    right: 8px;
	&.pname{
		top:10px;
		right:14px;
	}
	&.smenu{
		top: 0;
		right:-5px;
	}
	&.pop{
		right:40px;
	}
}
/*二级菜单20140526 second menu*/
.mod-sm{
	width:100%;
	display:none;
	&.mod-menu{
		width:190px;
	}
}
.sm-show-div{
    width:100%;
    min-width: 1080px;
}
.sm-bg{
	min-width: 1100px;
	background: #fff;
	width: 100%;
	position:absolute;
	z-index:5;
	border-bottom:solid 2px #ccc;
}
.sm-layout{
	margin:0 auto;
}
.sm-inner {
    padding:30px 20px;
	&.sm-index{
		margin-left: 290px;	
	}
	&.sm-task{
		margin-left: 350px;	
	}
	&.sm-task2{
		margin-left: 372px	
	}
	&.sm-house{
		margin-left: 100px;	
	}
	&.sm-house2{
		margin-left: 424px;	
	}
	&.sm-group{
		margin-left: 364px;	
	}
	&.sm-group2{
		margin-left: 476px;
	}
	&.sm-group3{
		margin-left: 528px;
	}
	&.sm-marketing{
		margin-left: 100px;	
	}
	&.sm-marketing2{
		margin-left: 580px;
	}
	&.sm-admin{
		margin-left: 474px;	
	}
	&.sm-admin2{
		margin-left: 576px;	
	}
	&.sm-system{
		margin-left: 168px;	
	}
	&.sm-search{
		margin-left: 534px;
		
	}
}
.sm-list{
	&.mod-menu-list{
		width:184px;
		padding:8px 5px;
		li{
			b{
				margin:12px 0;
				border-bottom:solid 1px #666;
			}
		}
	}
    ul{
		float: left;
		margin-right:20px;
		width:166px;
		&.ui-widther{
		    width:180px
		}
		&.ui-menu{
			border:0;
			width:184px;
			margin-right:0;
			padding-top:0;
			background:transparent;
			li{
				b{
					margin:12px 0;
					border-bottom:solid 1px #666;
				}
				a{
					&:link,&:visited{
						border:0;
					}
					&:hover,&:active{
						background:#666;
					}
					&.ui-state-focus{
						background:#666;
						margin:0;
					}					
				}
			}
		}
		&.form{
			width:400px;
		}
		li{
			float: none;
			clear: both;
			line-height: 24px;
			_line-height: 16px;
			_margin: 0;
			_padding: 0;
			b{
				color: #C9625F;
				padding-bottom:10px;
				display:block;
				padding-left:12px;
				font-family:'微软雅黑 Regular', '微软雅黑';
				font-size: 16px;
				font-weight: bold;
			    margin-bottom: 8px;
			}
		}
	}	
}
.sm-list ul li a:link,
.sm-list ul li a:visited {
    display: block;
	padding:6px 0;
	padding-left:12px;
	font-size: 15px;
	font-family: "Microsoft YaHei", Arial;
	color: #333333;	
	&.notopen{
		.notopen;
	}
	
}
.sm-list ul li a:hover,
.sm-list ul li a:active{
	text-decoration:none;
	background:#666;
	font-size: 15px;
	font-family: "Microsoft YaHei", Arial;
	color: #fff;
}
.sm-list ul li i {
    font-size: 10px;
    color: #999;
}
.mod-logout{
	display:none;
	width:150px;
	background:url(images/oav2/menu_bg.png) repeat;
	a{
		&:link,&:visited{
			display:block;
			padding:14px;
			font-size:14px;
			color:#fff;
			text-align:center;
			border-top:0;
			background-image:url(images/share.png);
			background-repeat:no-repeat;
			&.last{
				border-top:solid 1px #999;	
			}
			&.icon-my-setting {    
				background-position:12px -141px;
			}
			&.icon-logout {			
				background-position:12px -354px;
			}
			&.icon-mlog {			
				background-position:12px -96px;
			}
			&.icon-my-favorite {			
				background-position:12px -54px;
			}
			&.icon-pmail{
				background-position:12px -271px;
			}
			&.icon-pgmail{
				background-position:12px -312px;
			}
			&.icon-my-coin{
				background-position:12px -230px;
			}
			&.icon-my-chathistory{
				background-position:12px -186px;
			}
			&:hover,&:active{
				background-color:#666;
			}	
			&.notopen{
				cursor: default;
				-moz-opacity: .4;
				opacity: .4;
				filter: ~"alpha(opacity:40)";
				-ms-filter: "alpha(Opacity=40)";
				text-decoration:none;
			}
		}	
	}
}
/*页面框架*/
.mod-wrap{
	background:#fff;
	margin-bottom:12px;
	border-radius:3px;
	&.top-border{
		border-top:2px solid #c75757;
	}
	&.no-radius{
		.border-radius(0 0 3px 3px);
	}
	&.mgb0{
		margin-bottom:0;
	}
}
.mod-cont-pd{
	padding:10px;
	*zoom:1;
	&.mcp-sm{
		padding:8px 10px;
	}
	&.small{
		padding:10px 10px 0;
	}
	&.pdt0{
		padding:0 10px 10px;
	}
    &.wc-xl{
        padding:32px;
    }
    &.wc-xll{
        padding:16px 16px 16px 32px;
    }
}
.footer{
	margin:20px 10px;
	text-align:center;
	height:80px;
}
.footer span{
	padding:4px 6px;
}
.body-ft {
  //padding: 25px 0 20px 0;
    color: #777;
    text-align: center;
    border-top: 1px solid #ccc!important;
    background-color: #f5f5f5;
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    z-index:1151;
}
.col19{
	width:19%;
	float:left;
}
.col79{
	width:79%;
	float:left;
	margin-left:16px;
}
.mod-noborder{
	.mod-wrap{
		margin-bottom:0;
	}
	.mod-cont-pd{
		padding:12px 12px 0;
	}
}
/************************
 私信管理V2 20140725
 黄敏思
************************/ 
.icon-amsg,
.icon-aenvelope{
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	background: url(images/button1.png) no-repeat -2px -154px;
	display: inline-block;
	margin-right:6px;
}
.icon-aenvelope{
	background-position:-2px -645px;
}
/**私信侧栏**/
.mod-panelbox{
	max-height:520px;
	overflow:auto;
}
.mod-panel{
	h3{
		background:#f2f2f2 url(images/button1.png) no-repeat 10px -23px;
		padding:8px 12px 8px 34px;
		font-size:14px;
		color:#333;
		position:relative;
		cursor:pointer;
		margin-top:2px;
		*margin-top:0;
		span{
			float:left;
			vertical-align:middle;
		}
		em{
			font-family:Arial;
		}
		.icon-cdarown{
			background:url(images/simple.png) no-repeat -2px -146px;
			width:10px;
			height:6px;
			display:inline-block;
			position:absolute;
			top:15px;
			right:12px;
			&.active{
				background-position:-2px -126px;
			}
		}
	}
}
.mod-panel-inner{
	margin:6px 0;
	max-height:436px;
	overflow:auto;
	li{
		padding:6px 10px;
		cursor:pointer;
		&:hover{
			background:#f5f5f5;
		}
		&.select-on{
			background:#E9F3FF;
		}
		.mb-info{
			p{
				width:auto;
				max-width:160px;
				white-space:nowrap;
				overflow:hidden;
				-o-text-overflow: ellipsis;
				text-overflow: ellipsis;
			}
		}		
	}
}
.mod-panel-content{
	padding:6px 12px;
}

.min-header{
	border-left:2px solid #C9625F;
	color:#C9625F;
	font-size:14px;
	font-family:"微软雅黑";
	line-height:14px;
	margin-bottom:8px;
	margin-left:10px;
	padding-left:8px;
	&.mh-first{
		margin-top:0;
	}
	&.small{
		margin-left:0;
	}
}
.mod-page-header{
	li{
		font-size:14px;
		h2{
			font-size: 18px;
			font-family:"微软雅黑";
			color:#666;
			margin-top:3px;
			margin-bottom:16px;
			i{
				font-weight:normal;
				font-family:"宋体";
			}
		}
		span{
			margin-right: 28px;
			color:#666;
		}
		label{
			color: #999;
		}
	}
}
.customer-more-demand{
	padding:6px 12px;
}
.customer-more-demand li{
	padding:8px 0;
	display:block;
}
.customer-more-demand i{
	float:left;
	margin-top:2px;
	margin-right:12px;
}
.customer-more-demand span.lt{
	float:left;
	width:130px;
	height:36px;
	line-height:18px;
	overflow:hidden;
	i{
		float:none;
		display:inline;
	}
}
/* 导航 */
.navi {	
	vertical-align:bottom;
	color:#666;
	li{
		float:left;
		color:#00a0e9;
		&:first-child{
			color:#333;
		}
		em{
			background: url(images/share.png) no-repeat 0 -700px;
			display: block;
			width: 4px;
			height: 6px;
			margin:7px 12px 0 12px;
			text-indent:-2000px;
		}
		
	}
}
.navi-icon{
	background: url(images/share.png) no-repeat 0 -677px;
    padding-left:16px;
	padding-top:2px;
}
i[menu]{
	display:none;
}
/**************
	TABS头  吕小军 2014年06月19日修改
******************/
.tab-s-wrap{
	padding:10px 10px 0;
	background:#fff;
	.border-radius(3px 3px 0 0);
}
.tabs {
	margin:0;
	border-bottom:solid 1px #ccc;
	display:inline-block;
	width:100%;
	background:#fff;
	min-height:40px;
	li{
		float:left;
		min-height:39px;
        height:inherit;
        box-sizing:border-box;
		span{
			display:inline-block;
			margin:7px 0 0 20px;
			input,label{
				vertical-align:middle;
			}
		}
		a{
			&:link,&:visited{
				display:block;
                height:inherit;
                box-sizing:border-box;
				color:#666;
				padding:8px 15px;
				line-height:22px;
				text-align:center;
				_display: inline-block;
				text-decoration:none;
				font-size:15px;
				font-family:"微软雅黑";
				&.tlink{
					color:@linkcolor;
					font-size:12px;
					font-family:"宋体";
					display:inline-block;
					padding:5px 3px;
				}
			}
			&:hover,&:active{
				//background-color:#f9f9f9;
				//border-bottom-color:transparent;
				margin-bottom:-2px;
				_position:relative;
				border-bottom: solid 2px #9b0808;
				&.tlink{
					color:@hovercolor;
					background:none;
					text-decoration:underline;
				}
			}
		}
		&.on,&.menu-on,&.mtree-open{
			a{
				&:link,&:visited{
					//color:#C9625F;
					//border:solid 1px #ccc;
					//border-bottom:0;
					margin-bottom:-1px;
					_position:relative;
					border-bottom: solid 2px #9b0808;
                    color:#9b0808;
    				//font-weight: bold;
					//background:#f9f9f9;
				}				
			}
		}
		&.last{
			float: right;
			margin-right: 12px;
			a{
				&:link,&:visited{
					padding:4px 13px;
				}
			}
		}


	}
}
/*tab下拉列表*/
.tab-gblist{
	width:98px;
	height:39px;
    position:relative;
    &:after{
        display:block;
        position:absolute;
        width:14px;
        height:39px;
        content:"\e683";
        font-family:iconfont;
        right:5px;
        line-height:39px;
        font-size:14px;
    }
}
.tab-droplist-box{
	position:absolute;
	left:84px;
	top:0;
	.btn-inverse{
		margin:0;
		&.drop-toggle{
			.ui-button-text{
				color:#666;
				font-size:14px;
				font-family:"微软雅黑","黑体";
				font-weight:normal;
				margin-top:-3px;
			}
			&.ui-button-icon-only{
				.ui-icon{
					background: url(images/simple.png) no-repeat -5px -876px;
				}
				&.ui-state-hover{
					border-bottom: solid 2px #880409;
					.ui-button-text{
						font-weight: bold;
					}
				}
				&.ui-state-focus{
					border-bottom: solid 2px #880409;
					.ui-button-text{
						font-weight: bold;
					}
				}
			}
		}
		&.tab-drop{
			background:none;
			border:1px solid #fff;
			.border-radius(0);
			padding:8px 15px;
			height:40px;
            padding-right:25px;
			&.on{
				padding:8px 15px;
				height:40px;
				_position: relative;
				border-bottom: solid 2px #880409;
				font-weight: bold;
				//background: #f9f9f9;
				&.drop-toggle{
					.ui-button-text{
						//color:#C9625F;
						font-weight:bold;
					}
					&.ui-button-icon-only{
						&.ui-state-hover{
							//background-color:#f9f9f9;
							//height:31px;
							//border:1px solid #ccc;
							//border-bottom-color: #fff;
						}
						&.ui-state-focus{
							//background-color:#f9f9f9;
							//height:31px;
							//border:1px solid #ccc;
							//border-bottom-color: #fff;
						}
					}
				}
			}
		}
	}
	.drop-menu{
		margin:0;
	}
}
/*tab右侧定位*/
.tabs-position{
	right:10px;
	top:3px;
	position:absolute;
}
.tab-one{
    height: 42px;
    padding: 0 10px;
    background: #fff;
    li{
	    float: left;
	    border-bottom: solid 1px #ddd;
	    padding: 9.5px 0;
	    width: 100%;
	    span{
		    font-size: 16px;
		    _font-size: 15px;
		    font-family: "Microsoft YaHei", "微软雅黑" !important;
		    }
    }
	
}
.mod-subtab{
	margin-bottom:10px;
}
.subtab{
    background:#880409;
    color:#fff;
	margin-bottom:12px;
    font-family:"微软雅黑";
    font-size:16px;
    padding-left:10px;
    padding-bottom:7px;
    padding-top:7px;
    font-weight:normal;    
	margin-bottom: 12px;
	.st-fs12{
		font-size:12px;
	}	
	.st-lh32{
		line-height:32px;
		vertical-align:middle;
		width:120px;
		display:inline-block;
		&.st-lg{
			width:auto;
			margin-right:12px;
		}
	}
	&.m20{
		margin-bottom:20px;
	}
	/*管理图片的收起功能*/
	&.subtab-pic{
		padding:0;
		.subtab-left{
			margin:3px 10px;
			float:left;
		}
		.subtab-arrow{
			background:#f2f2f2 url(images/simple.png) no-repeat 52% -596px;
			float:right;
			border-left:solid 3px #fff;
			height:40px;
			line-height:40px;
			width: 8%;
			text-align: center;
			padding-right:12px;
			&.subtab-on{
				background-position:52% -556px;
			}
		}
	}
	/*灰底*/
	&.sgray{
		background:#ddd;
		color:#333;
	}
	&+.table.tablecount{
			margin-top:12px;
	}
}
.man-img-info{
	min-width:220px;
	li{
		margin-bottom:6px;
		label{
			color:#666;
			display:inline-block;
			width:64px;
			vertical-align:middle;
		}
	}
}
.fuppic-box{
	display:inline-block;
	vertical-align:top;
	width:70%;
	min-width:500px;
}
/**内容头部模块***/
.info-header{
display:none;
	&.just{
		border-bottom: solid 1px #e7e7e7;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	h3{
		font-size:18px;
		color:#D9534F;
		font-family:"微软雅黑";
		.normal{
			font-weight:normal;
		}
		.sort-city{
			font-weight:normal;
			font-size:12px;
			font-family:"宋体";
		}
	}
	h4{
		margin-bottom:16px;
		padding:6px 0;
		font-size:12px;
		color:#888;
		font-weight:normal;
	}
	&.small{
		h4{
			margin-bottom:0;
		}
	}
}
/*单个内容头部*/
.single-header{
	padding-left:8px;
	border-left:2px solid #C9625F;
	color:#C9625F;
	font-size:16px;
	font-family:"微软雅黑";
	line-height:16px;
	margin-bottom:12px;
}
/*******************
	搜索栏表单V2 吕小军 2014年06月24日修改
********************/
.s-content-wrap{
	padding:5px 10px;
	border-top:solid 1px #fff;
	background-color:#fff;
}
.s-content {
	padding:5px 10px;
	border-top:solid 1px #fff;
	background-color:#fff;
	&.small{
		padding:1px 10px;
		border-top:0;
	}
	&.s-line{
		width:100%;
		height:12px;
		background:#f9f9f9;
		padding:0;
		border-top:0;
	}
	&.s-title{
		border-top:dashed 1px #ccc;
	}
	li{
		float:left;		
		margin:6px 20px 6px 0;
		word-wrap: break-word;
		word-break: break-all;
		white-space: nowrap;
		display:block;
		min-height:28px;
		label{
			vertical-align:middle;
			color:#333;
		}
		span{
			display:inline-block;
			vertical-align:middle;   
			label{
				cursor:pointer;
			}
			label,input[type=checkbox],input[type=radio]{
				vertical-align: middle;
				margin: 0 12px 0 4px;
			}
			select{
				vertical-align:middle;
			}
		}
		
		&.w100{
			white-space: normal;
			width:100%;
			margin:6px 0;
			label,span{
				vertical-align:top;
			}
			span{
				width:90%;				
				em{
					word-wrap: break-word;
					word-break: break-all;
					white-space: nowrap;
				}
			}
		}
	}
	.btn{
		background:#666;
		.borderfunction(1px,#444);
		padding:3px 20px;
		font-size:12px;
		line-height:20px;
		
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#666666));
		background-image: -moz-linear-gradient(top, #555555, #666666);
		background-image: -ms-linear-gradient(top, #555555, #666666);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #666666));
		background-image: -webkit-linear-gradient(top, #555555, #666666);
		background-image: -o-linear-gradient(top, #555555, #666666);
		background-image: linear-gradient(top, #555555, #666666);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#666666', GradientType=0);
		
		&:hover{
			background:#555;
			.borderfunction(1px,#444);
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#555555));
			background-image: -moz-linear-gradient(top, #666666, #555555);
			background-image: -ms-linear-gradient(top, #666666, #555555);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #555555));
			background-image: -webkit-linear-gradient(top, #666666, #555555);
			background-image: -o-linear-gradient(top, #666666, #555555);
			background-image: linear-gradient(top, #666666, #555555);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555', GradientType=0);
		}
	}
}
.s-content-layout{
	//border-top:solid 1px #c9c9c9;
	&.noborder{
		border-top:0;
		.s-content{
			border-top:0;
		}
	}
}
/*搜索栏V1*/
.moresch.moreschool {
    width: 760px;
    bottom: auto;
}
.moresch.moreschool a {
    display: inline-block;
    margin-bottom: 6px;
    width: 25%;
}

/**20140520 右侧客户信息**/
.customer-my-info{
	margin-left:12px;
	float:left;
	li{
		margin-bottom:3px;
		b,.cm-name{
			font-size:18px;
			font-family:"微软雅黑";
			font-weight:bold;
		}
		em{
			font-size:13px;
			font-family:Arial;
		}
	}
}
.cm-infobox{
	.customer-my-info{
		width:120px;
		.ph-num{
			display:block;
		}
	}
	.icon-customer,
	.icon-customer2{
		width: 48px;
		height: 48px;
		background-position:0 -432px;		
	}
	.icon-customer2{
		background-position:-61px -432px;
	}
	.customer-box{
		margin-top:10px;
		&:first-child{
			margin-top:0;
		}
	}
}
.cm-ph-noview{
	background:#f0f0f0;
	padding:6px;
	.cm-red,
	.cm-normal{
		display: block; 
		font-size: 12px;
		text-align: center; 
		margin-top: 6px; 
		color: #C75757;
	}
	.cm-normal{
		color: #4E92B4;
	}
}
.become-btn{
	display: block;
	cursor: pointer;
	padding:6px 4px;
	padding-left:21px;
	text-align:center;
	font-size:12px;
	margin-top:12px;
	color:#E0534F;
	border: solid 1px #ccc;
	&:hover{
		background-color:#fff;
	}
	&.icon-lock{
		background:#FCFBFB url(images/common.png) no-repeat 7px -173px;
		height:44px;
		width:106px;
		margin-top:0;
	}
	&.icon-unlock{
		background:#FCFBFB url(images/common.png) no-repeat 7px -213px;
		height:34px;
		width:106px;
		margin-top:0;
	}
	&:disabled{
		opacity: .5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(Opacity=50)";
		cursor:default;
	}
}
/* 分步 */
.step {
	background:#f2f2f2;
	color:#C9625F;
	font-family:"微软雅黑";
	font-size:16px;
	padding-left:10px;
	padding-bottom:7px;
	padding-top:7px;
}
.step span {
	margin:0 12px 0 12px;
}
.step em {
	font-style:italic;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
/* 特色 */
.newtag-tt {
	background: #FBFBFB;
	height: 26px;
	border-bottom: 1px solid #DEEAF8;
	border-top: 1px dotted #A9CBEE;
	li{
		float:left;
		line-height:12px;
		font-size:12px;
		a{
			&:link,&:visited{
				text-decoration:none;
				display:inline-block;
				padding:7px 12px;
				color:#424242;
				border-left:solid 1px #DEEAF8;
				&.cunt{
					border-right:solid 1px #CDE0F6;
					border-left:solid 1px #CDE0F6;
					border-top:1px solid #7DB0DF;
					border-bottom:1px solid #fff;
					background-color:#FFF;
					position:relative;
					margin:-1px 0;
				}
			}
		}
	}
}
.newtag-ct {
	clear:both;
	padding:10px;
	li{
		float:left;
		padding:4px 6px;
		margin:1px;
		font-size:12px;
		cursor:pointer;
		white-space:nowrap;
		font-family:Arial, Helvetica, sans-serif;
		&:hover{
			color:#F74A00;
		}
		&.hasseletag{
			font-size:12px;
			color:#92878a;
			cursor:auto;
			font-family:Arial, Helvetica, sans-serif;
			&:hover{
				color:#92878a;
			}
		}
	}
}
.newtag-se-tt {
	margin-top:10px;
	color:#404040;
	font:600 14px Arial, Helvetica, sans-serif;
	clear:both;
}
.newtag-se{
	li{
		float:left;
		border: #e4e4e4 solid 1px;
		padding: 2px 20px 2px 6px;
		line-height: 18px;
		height: 18px;
		margin: 0 4px 4px 0;
		font-size:12px;
		cursor:pointer;
		font-family:Arial, Helvetica, sans-serif;
		position:relative;
		em{
			position:absolute;
			right:0;
			top:0;
			width:15px;
			height:22px;
			background: url(images/simple.png) no-repeat -9px -524px;
			z-index:3;
			text-indent:-3000px;
		}
		&:hover{
			border: #ccc solid 1px;
		}
	}
}
.newtag-se p, .newtag div, .newtag-se div {
	color:#AAA;
}
.newtag-ct li.hassele {
	font-size:12px;
	color:#92878a;
	cursor:auto;
	font-family:Arial, Helvetica, sans-serif;
}
.newtag-ct li.hassele {
	color:#92878a;
}
/* 筛选栏-V1 */
.sortbar {
	background:#DEEEFA;
	border-bottom: solid 1px #DFDFDF;
	height:32px;
}
.sortbar.cs-sortbar {
	margin:6px 0 12px 0;
}
.sort-title {
	margin:0;
	padding:0;
	display: inline-block;
	width: 100%;
}
.sort-title-inner {
	padding: 0;
	float:left;
	margin:4px 0 0 0;
}
.sort-title li {
	float:left;
	height:28px;
	margin:0 2px;
	padding:0 2px;
}
.sort-title li.active a:link, .sort-title li.active a:visited {
	color:#F47B22;
}
.sort-title li select {
	margin:3px 0 0 0;
}
.sort-title li.active a.curtxt {
	cursor:text;
}
.sort-title li.pstnr {
	padding-top:2px;
}
.sort-title li.title {
	background:none;
}
.sort-title li.title span {
	font-weight:bold;
	padding:0 4px 0 2px;
	display:inline-block;
	text-align:center;
	background:none;
}
.sort-title li a:link, .sort-title li a:visited {
	padding:2px 4px;
	display:block;
}
.sort-title li em {
	font-size:12px;
	margin:0 0 0 12px;
}
.sort-title li a em {
	vertical-align:middle;
}
.tabs-sort {
	padding:12px;
	border:solid 1px #ddd;
	border-top:0;
}
.tabs-sort-title label, .tabs-sort-title input {
	vertical-align:middle;
}
.tabs-sort-content {
	padding:10px;
	margin-left:20px;
	width:600px;
	background:#f1f1f1;
}
/* 房源列表-V1 */
.houselist {
	margin:16px 16px 0 16px;
	padding:0 0 16px 0;
	border-bottom:solid 1px #ddd;
}
.house-pic {
	width:120px;
	height:90px;
	float:left;
	margin: 0 12px 0 0;
}
.house-pic a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
 *display: block;
 *font-size:78px;
 *font-family:Arial;
}
.house-pic a img {
	padding:1px;
	border:solid 1px #c7c7c7;
	background: white;
	vertical-align: middle;
}
.house-content {
	float:left;
}
.demandinfo {
	margin:12px 0 6px 10px;
	display:inline-block;
}
.demandinfo em {
	margin:0 6px;
}
.house-op {
	border:solid 1px #dadada;
	background:#f8f8f8;
	padding:2px 10px;
	display:inline-block;
	min-width:650px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.house-op em {
	margin:0 6px;
}
.colorDiv {
	float: left;
	height: 20px;
	width: 20px;
	border: 1px solid silver;
	display: inline-block;
}
/*下拉弹出框*/
.dropdown-menu {
	display: none;
	background: #fff;
	border: 1px solid #aeaeae;
	.border-radius;
	width:180px;
	li{
		border-top:1px solid #f1f1f1;
		&:first-child{
			border-top:0;
		}
		a{
			&:link,&:visited{
				text-decoration:none;
				padding:10px 12px;
				display:block;
			}
			&:hover,&:active{
				background:#f0f0f0;
			}
		}
		&.drop-active{}
	}
}

.dropdown-menu.quik {
	width:290px;
	padding: 6px 6px 6px 17px;
	right:0px;
	left:auto;
}
.dropdown-menu.tdmlevel, 
.dropdown-menu.tdmlevel li, 
.dropdown-menu.tlevel li {
	text-align: center;
}
.dropdown-menu li label {
	font-weight:bold;
	margin: 0 0 0 6px;
}
.dropdown-menu li span {
	float: none;
}
.dropdown-menu li span a:link, 
.dropdown-menu li span a:visited {
	display:inline-block;
	padding: 6px 20px;
	margin: 0;
	clear:none;
	font-weight: normal;
	line-height: 18px;
	font-size: 12px;
	color: #333;
	white-space:normal;
	min-width: 40px;
}
.dropdown-menu li.normal a:link, 
.dropdown-menu li.normal a:visited, ul.dropdown-menu li.vhigh a:link, 
.dropdown-menu li.vhigh a:visited, ul.dropdown-menu li.high a:link, 
.dropdown-menu li.high a:visited, ul.dropdown-menu li.middle a:link, 
.dropdown-menu li.middle a:visited, ul.dropdown-menu li.lower a:link, 
.dropdown-menu li.lower a:visited, ul.dropdown-menu li.vlower a:link, 
.dropdown-menu li.vlower a:visited {
	font-size:12px;
	_padding:3px 10px;
	_width:100%;
	height:20px;
	margin:0;
}
.dropdown-menu li.normal a:link, 
.dropdown-menu li.normal a:visited {
	color: #808080;
}
.dropdown-menu li.vhigh a:link, 
.dropdown-menu li.vhigh a:visited {
	color: #F33;
	height:20px;
}
.dropdown-menu li.high a:link, 
.dropdown-menu li.high a:visited {
	color: #B55D5C;
}
.dropdown-menu li.middle a:link, 
.dropdown-menu li.middle a:visited {
	color: #3b9324;
}
.dropdown-menu li.lower a:link, 
.dropdown-menu li.lower a:visited {
	color: #357fb9;
}
.dropdown-menu li.vlower a:link, 
.dropdown-menu li.vlower a:visited {
	color: #5599aa;
}
.mod-new-list .dropdown-menu {
	left: 34px;
}
/**************
  地图相关
**************/
.gmap-contain, .gmap-public-u {
	background:transparent url('images/loading9.gif') no-repeat center;
}
.GMapContainLeftMiddle {
	width:100%;
	height:240px;
}
.GMapLeftMiddle {
	height:310px;
}
.GMapLeftMiddle2 {
	height:310px;
	line-height:310px;
	text-align:center;
}
.gmap-public-u {
	width:100%;
	height:440px;
}
.map_tip {
	display:none;
	position:absolute;
	z-index:9999;
	left:0px;
	top:0px;
	border: solid 1px red;
	background-color: #FFF;
	line-height: normal;
	overflow: hidden;
}
.gmap-contain {
	z-index:-9999;
}
/* 底部-分页 */
.page {
	padding: 12px 0;
	&.pg-psm{
		padding:0 0 12px 0;
	}
}
.page-inner {
	margin:0 12px;
	height:32px;
}
.pageright{
	float:right;
	em{
		padding-top:4px;
		float:left;
		margin-right:20px;
		b{
			color:#D9534F;
		}
	}
}
.page ul {
	float:right;
}
.page li {
	float:left;
}
/**排序栏（带底色）V2 20140709 黄敏思**/
.tr-bg{
	background:#f6f6f6;
	margin:12px 0;
}
.lsbar-bt{
	color:#fff;
	background-color: #6c6c6c;
	background-image: -moz-linear-gradient(top, #636363, #737373);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#636363), to(#737373));
	background-image: -webkit-linear-gradient(top, #636363, #737373);
	background-image: -o-linear-gradient(top, #636363, #737373);
	background-image: linear-gradient(to bottom, #636363, #737373);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#737373', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
	padding:6px;
	.listsort-barinner li{		
		a:link,a:visited{
			color:#fff;
			padding: 1px 16px 1px 7px;
			border:0;
			background-position:100% -185px;
		}
		&.active{
			a:link,a:visited{
				color:#fff;
				padding: 0 15px 0 6px;
				border:solid 1px #fff;
				&.down{
					background-position:100% -185px;
				}
				&.up{
					background-position:100% -166px;
				}
			}
		}
	}
	.listsort-barright{
		li{
			&.lsbr-first{
				&.only{
					border-right:0;
				}
			}
		}
		.redcolor{
			color: #ff0000;
			font-family: Arial;
			font-size: 13px;
			margin: 0 2px;
		}
	}
}
/*搜索需求列表-旧版*/
.demandlist{
	clear:both;
	padding:12px 6px;
	margin:0;
	background:white;
    border-bottom: solid 1px #DDD;
    width: 99%;
    display: inline-block;
	&:hover{
		background:#E9F3FF;
	}
}
.demandlist.on {
    background: #f9f9f9;
}
.demandlist li{
	float:left;
}
.demandlist li.fulllist{
	float:none;
}
.demandlist li.mid{
	width:100px;
	font-weight:bold;
	color:#f47b22;
	text-align:center;
	padding:32px 0 0 0;
}
.demandlist li.mid em{
	padding:1px 2px;
}
.demandlist li.last{
	float:right;
	div.lt{
		margin-right: 12px;
		margin-top:3px;
	}
}
.demandlist li li{
	float:none;
}
.housepic{
    float: left;
	width:152px;
	height:114px;
    margin-right: 24px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	*display: block;
	*font-size:96px;
	*font-family:Arial;
}
a.housepic {
    background: none;
}
.housepic img{
	border:solid 1px #C7C7C7;
	padding:1px;
	background:#FFF;
	vertical-align:middle;	
}
.housepic.housepic-middle{
    width: 174px;
    height: 134px;  
}
.orverhide {
    overflow: hidden!important;
}
.house-{
	float:left;
}
.house- li{
	line-height:20px;
	label{
		color:#666;
	}
}
.house- li.housebroker span{
	width:30%;
	display:inline-block;
}
.house- li.title{
	letter-spacing:0;
}
.house- li.title a:link,
.house- li.title a:visited
{
    font-size: 14px;
    font-weight: bold;
}
.house-info{
    margin: 6px 0 0 0;
}
.house-info span {
    margin: 0 6px 0 0;
}
.house- li.house-info em{
	margin:0 8px 0 0;
}
.house- li.map-info em{
	margin:0 6px 0 0;
}
.house- li.house-tags{
	margin:12px 0 0 0;
}
.house- li.house-tags a{
	padding:2px 6px 2px 0;
}
.house-info-content{
    margin: 8px 0 0 0;
}
.topre .house-info,
.topre .house-info-content{
    margin-left: 14px;
}
.house-price{
	width:130px;
	text-align:left;
	margin:0;
	padding:0;
	color:#777;
}
.house-price.tobuy-price {
    width: 135px;
}
.house-price .price {
	font-family: georgia;
	font-size: 14px;
	font-weight: bold;
}
.house-price.tobuy-price .price,
.house-price.sch-price .price
{
    font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
    font-weight: bold;
}
.house-price li.margintop {
    margin: 2px 0 0 0;
    *margin: -12px 0 0 0;
}
.opbar-out{
	height:20px;
	margin:6px 0 0 0;
}
.opbar a{
	margin:0 2px;
}
.opbar i{
	color:#BBB;
}
.house-price.down{
	font-size:12px;
	color:#900;
}
.house-price.up{
	font-size:12px;
	color:#090;
}
.house-price li{
	margin:0;
    line-height: 20px;
}
.house-price a:hover,
.house-price a:active{
	text-decoration:none;
}
.customer-follow {
    color: #6c6c6c;
}
.customer-follow li.title {
    width: 63px;
    float: left;
    height: 40px;
    color: #333;
}
ul.customer-follow li 
{
    float: left;
    width: 100%; 
}
.customer-follow label {
    display: inline-block;    
    vertical-align: top;
}
.customer-follow span {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    word-break:break-all;
	word-wrap:break-word;
}
/* 弹出框提示 */
.layout-tips {
    color: #333;
    padding:0 9px 12px 12px;
}
.layout-tips .simple-tips {
    color: #333;
    background-position: 1px -86px;
}
.tipGroup {
    min-height: 148px;
    font-size: 16px;
    color: #333;
    padding: 16px;
}
/*合并客户弹框-黄敏思 20141213*/
.SmallWindow{
	border:1px solid #ddd;
	.SmallWindow-header{
		height:30px;
		line-height:30px;
		background:#00a0e9;
		color:#fff;
		padding:0 10px;
		font-weight:normal;
		span{
			float:left;
			font-size:14px;
		}
		i{
			float:right;
			font-size:12px;
			cursor:pointer;
		}
	}
	.SmallWindow-content{
		padding:8px 12px;
	}
	.SmallWindow-button{
		margin-top:10px;
		text-align:center;
		.btn{
			margin-left:6px;
		}
	}
}
/* 状态栏 */
.status{
	background:#FDF2EF;
	width:70%;
	min-width:892px;
	margin: 0;
	ul{
		padding:14px 22px;
		li{
			float:left;
			min-width:120px;
			width:15%;			
			&.hborder{
				border-right:solid 1px #c9c9c9;
				margin-right:6%;
			}
			label{
				color:#666;
				display:block;
				margin-bottom:6px;
			}
			span{
				font-family:Arial;
				font-size:24px;
				color:#333;
			}
		}
	}
	&.small{
		width:100%;
		ul{
			margin:0 6px;
			padding:0;
			li{
				padding:8px;
				&.hlbg{
					background:#FDF2EF;
				}
				&.hborder{
					margin-right:1%;
				}
				label{
					font-size:18px;
					font-family:Arial;
				}
				span{
					font-family:"宋体";
					font-size:12px;
				}
			}
		}
	}
	&.bg{
		background:#fff;
		margin-top:12px;
	}
}
.work-detail-btn{
	cursor:pointer;
	line-height:54px;
	display:block;
	i{
		background: url(images/simple.png) no-repeat 0 -123px;
		display:inline-block;
		width:12px;
		height:12px;
		vertical-align:middle;
		margin-left:2px;
	}
	&.onshow{
		i{
			background-position:0 -143px;
		}
	}
	&.small{
		line-height:20px;
		padding:6px 10px;
		display:inline-block;
		border:1px solid #f4f4f4;
		border-bottom:0;
		&.onshow{
			background:#FDF2EF;
		}
	}
}
.work-detailbox{
	display:none;
}
/* 任务列表 */
.task-list li b{
	margin:0 12px 0 0;
}
.task-source p{
	font-weight:bold;
}
.task-source b{
	color:#666;
	margin:0 0 0 20px;
}
.task-cont{
	li{
		margin-top:6px;
		padding-top:6px;
		border-top:1px dotted #e2e2e2;
		width:100%;
		overflow:hidden;
		&:first-child{
			margin-top:0;
			border-top:0;
			padding-top:0;
		}
	}
	b,span{
		display:inline-block;
		vertical-align:top;
		width:35%;
		font-weight:normal;
	}
	span{
		width:63%;
		height:20px;
		padding-left:8px;
		color:#808080;
		/*white-space:nowrap;
		overflow:hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;*/
	}
}
/*经纪人模块的审核按钮样式
.appPop{
    background-color: white;
    border: 2px solid #666;
    padding: 10px;
    line-height: 25px;
    font-size: 14px;
}*/
/* 小区管理 */
.xq-intro {
    width: 61%;
    float: left;
    margin: 0 6px 0 0;
}
.xq-map-min {
    border: solid 1px #DFDFDF;
    padding: 10px;
    float: left;
    width: 340px;
}
.tabs-content{
	padding:10px;
	background:#FFFFFF;
	word-break:break-all;
	word-wrap:break-word;
}
.xq-title h2 {
    margin: 0 12px 0 0;
    padding: 0;
    float: left;
}
.xq-title-price {
    line-height: 28px;
}
.photolist li {
    margin: 0 12px 12px 0;
    float: left;
}
/*小区价格走势模块*/
.mod-jiage{
	margin:0 0 12px 0;
}
.mod-left{
	float:left;
	width:350px;
	margin:0 10px 0 0;
}
.mod-left.d-left {
    width: 70%;
}
.mod-xq-right{
	float:left;
	width:340px;
}
.mod-xq-right.d-right {
    width: 20%;
}
.sch-xq{
	padding:12px;
	width:300px;
}
.sch-xq .dfinpt{
	height: 14px;
	width: 200px;
	vertical-align: middle;
}
.sch-xq .btn{
	width: 70px;
	height: 25px;
	line-height: 25px;
}
.d-right .count-xq h2 {
    font-size: 14px;
}
.count-xq{
	margin:0 0 6px 12px;
}
.count-xq li{
	line-height:26px;
}
.count-xq li span.pfair{
	color:#666;
}
.count-xq li span.pdown{
	color:#00A800;
}
.count-xq li span.pUp{
	color:#ff0000;
}
.d-right .count-xq li p {
    margin: 0;
}
.d-right .count-xq li p span {
    margin: 0 12px 0 0;
}
.xqhot li label{
	float:left;
	width:60px;
}
.xqhot li span{
	float:left;
	width:260px;
}
.xqhot li a{
	margin:0 16px 0 0;
	word-break:break-all;
	word-wrap:break-word;
	white-space:nowrap;
}
.ptitle{
	margin:20px 0;
}
/*
    与服务器通讯过程的提示样式
    用于jSyMask插件
*/
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #888;
    background: #fff url('images/loading9.gif') no-repeat 5px 5px;
    padding:16px 15px 20px 62px;
}
.loadmask-msg p {
    line-height: 48px;
    color:#444;
    font:normal bold 12px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.loadingimage {
    background: url('images/loading9.gif') no-repeat 5px 5px;
	&.small{
		padding: 18px 0 0 63px;
		width: 72px;
		height: 40px;
		margin: 20px auto;
	}
	&.nobg{
		background-color:transparent;
	}
}
/*遮罩loading*/
.loading{
	text-align:center;
	width:100%;
	height:150px;
	display:block;
	margin:150px 0 0 0;
}
/* 名下房产-V1 */
.housetitle {
	font-weight:bold;
	margin:12px 0 6px 12px;
}
.csdemand {
	border-top:solid 1px #DADADA;
}
.csdemand.first {
	border:0;
}
.minghouse {
	width:820px;
	background:#F8F8F8;
	border:solid 1px #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 12px 50px;
	padding:6px 12px;
}
.minghouse th {
	text-align:left;
	color:#555;
}
.minghouse td {
	padding:0 0 0 12px;
}
.minghouse .op a {
	margin:0 16px 0 0;
}
/*人员选择操作框架*/
.select-box-header{
	background:#e8e8e8;
	padding:6px 10px;
	.lh-lg{
		height:28px;
		line-height:28px;
	}
	.btn{
		background:#666;
		border:1px solid #5a5a5a;
		&:hover{
			background:#5a5a5a;
			border:1px solid #4a4a4a;
		}
	}
}
.wrap-select-form {
    width: 366px;
    height: 350px;
	float:left;
    .inpt-search{
		.inpt-sch{
			width:178px;
		}
	}
	.tip-none.small{
		width:200px;
	}
}
.wrap-select-cont {
    margin:5px;
    overflow: auto;
    height: 340px;
    cursor: pointer;
	.mb-avatar{
		margin-top:4px;
	}
	.select-hover{
		li{
			padding:3px;
			&:hover{
				background:#1DC2B4;
				color:#fff;
			}			
			.mb-avatar{
				margin-top:0;
			}			
		}
	}
	.tip-none.small{
		width:200px;
	}
}
.wrap-select-cont li i {
    float: left;
    margin: 18px 12px 0 0;
}
.select-group {
    margin: 12px;
}
.select-g-box {
    float: left;
	border:solid 1px #ddd;
	.wrap-select-form{
		&.first{
			border-right:solid 1px #ccc;
		}
	}
}
.select-g-box-header {
    height: 28px;
    line-height: 28px;
    background: #ddd;
	padding-left:6px;
	color:#C9625F;
	span{
		color: #666;
		b{
			color: #C9625F;			
		}
	}
}
.select-g-box-header h4:first-child{
	width:240px;
	float:left;
}
.select-g-btn {
    float: left;
    margin: 0 24px;
    padding-top: 12px;
}
.select-g-btn p {
    margin-top: 110px;
}
.select-g-box select {
    padding: 20px;
	height:350px;
	width:366px;
}
/**ztree自定义样式***/
.selectztree{
	&.ztree{
		margin-top: 0px;
		border: 1px solid #ccc;
		background: #fff;
		width: 320px;
		height: 360px;
		overflow-y: auto !important;
		overflow-x: hidden;
	}

}

.user-tree{
	background:#f5f5f5;
	height:500px;
	max-width:800px;
	min-width:400px;
	overflow-y: auto;
	overflow-x: auto;
	.ztree{
		padding:0;
	}
	
}
.treeform-disabled{
	.ztree li a{
		cursor:text;
		&:hover,&.curSelectedNode{
			background-color: transparent;
			color:#333;
		}
	}
}
/* 图标 */
.icon-cs-male,
.icon-cs-female{
	border:solid 1px #ccc;
	padding:1px;
	margin-right:8px;
	display:inline-block;
	width:26px;
	height:35px;
	background:url(images/common.png) no-repeat -178px -351px;	
}
.icon-cs-female{
	background-position:-143px -351px;
}
.icon-delete{
	background:url(images/simple.png) no-repeat 0 -457px;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right:2px;
}
/*字体*/
.grey {
	color: #aaa;
}
.line-2 {
	border-bottom:solid 2px #d4d4d4;
	margin:12px 0;
}
a{
	&:link,&:visited{
		&.fcolor3{
			color:#333;
		}
	}
	&:hover,&:active{
		&.fcolor3{
			color:@red;
		}
	}
}
/*三角型*/
.selected-up-icon {
	display: inline-block;
	zoom: 1;
	width: 0;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	border-width: 0 5px 5px;
	border-style: solid;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	vertical-align:top;
}
.opbtn .select-icon, .opbtn .selected-up-icon {
	border-color:#fff transparent transparent;
}
/* 经纪人信息 */
.broker-img {
	margin-left: 20px;
}
.broker-img li {
	margin-right: 20px;
}
.broker-img img, .broker-img em {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	margin-right: 3px;
}
.broker-resume {
	margin:6px 0 6px 20px;
}
.broker-resume label {
	display: inline-block;
	width: 60px;
	vertical-align: top;
}
.broker-resume span {
	display: inline-block;
	min-width: 600px;
	font-size: 12px;
}
/* 需求详情 20140625 黄敏思修改 */
.demandtitle {
	font-size:14px;
	margin:0;
}
.forsale-icon {
	font:14px/normal "宋体", "新宋体";
	background:#51AB3A;
	color:white;
	padding:1px 2px;
	margin:0 4px 0 0;
	display:inline-block;
}
.demand-box{
	.demand-inner{
		max-width:1024px;
	}
}
.demand-descrice{
	li{
		float:left;
		width:50%;
		margin-bottom:12px;
		&.w100{
			width:100%;
		}
		label{
			display:inline-block;
			width:64px;
			padding-left:24px;
			background-image: url(images/fang-detail.png);
			background-repeat:no-repeat;
			&.icon-shui {
				background-position: -5px -471px;
			}
			&.icon-xuequ{
				background-position:-5px -3px;
			}
			&.icon-hangye{
				background-position:-5px -238px;
			}
			&.icon-wuye{
				background-position:-5px -268px;
			}
			&.icon-huxing{
				background-position: -5px -152px;
			}
			&.icon-zhuang{
				background-position: -5px -90px;
			}
			&.icon-louling{
				background-position: -5px -118px;
			}
			&.icon-dizhi{
				background-position: -3px -179px;
			}
			&.icon-shuifei{
				background-position: -5px -32px;
			}
			&.icon-jiaju{
				background-position: -5px -415px;
			}
			&.icon-jiadian{
				background-position: -3px -387px;
			}
			&.icon-district {
				background-position: -5px -446px;
			}
			&.icon-dengji,&.icon-shijian{
				background-position: -5px -356px;
			}
			&.icon-dianti{
				background-position: -5px -326px;
			}	
			&.icon-chaoxiang{
				background-position: -5px -298px;
			}
			&.icon-weiyi{
				background-position: -5px -31px;
			}	
			&.icon-zhuangxiu{
				background-position: -5px -61px;
			}			
		}		
		.long{
			display:inline-block;
			vertical-align:top;
			max-width:70%;
		}
	}
	.demand-pics{
		width:82%;
		img{
			margin:12px 12px 0 0;
		}
	}
}
.demand-title{
	font-size:1.33em;
	font-family:"微软雅黑";
	color:#666;
	margin:10px 0;
	&.dt-sm{
		margin:0 0 10px 0;
	}
	p{
		font-size:13px;
		color:#333;
		font-weight: normal;
		padding-left: 12px;
		margin:8px 0 14px 0;
	}
}
.demand-line,
.demand-dashline{
	border-bottom:1px solid #ccc;
	height:1px;
	margin-bottom:12px;
}
.demand-dashline{
	border-bottom:1px dashed #ccc;
}
.demand-info{
	font-size:14px;
	line-height:24px;
	text-indent:2em;
	p{
		word-wrap: break-word;
		word-break: break-all;
	}
}
.detail-number{
	li{
		float:left;
		padding:0 12px 0 6px;
		border-left:solid 2px #f2f2f2;
		height:44px;
		overflow:hidden;
		margin-top:6px;
		&:first-child{
			border-left:0;
		}
		em{
			color:#999;
		}
		span{
			font-family:Arial;
			color:#666;
			font-size:14px;
			display:block;
			margin-bottom:2px;	
			min-height:22px;			
			em{
				font-family:"宋体";
				color:#666;
			}
			b{				
				font-size:20px;
				em{
					font-family:Arial;
				}
			}			
		}
		
	}
}
.icon-qmark {
    background: url(images/common.png) no-repeat -34px -36px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 2px;
}
/*业主关系*/
.customer-relation{
	max-height:176px;
	overflow:auto;	
	.block-avatar{
		height:39px;
		overflow:hidden;	
		display:inline-block;
		vertical-align:middle;
		min-width:138px;
		li{
			p{
				width:100px;
			}
		}		
	}
	.ph-num{
		font-weight:normal;
	}
	.dashline{
		height:10px;
		overflow:hidden;
		width:92%;
		background: url(images/oav2/dotted.png) repeat-x 0 center;
	}
}
/**员工管理**/
.admintype b {
    margin-right: 125px;
    display: inline-block;
    width: 60px;
}
.admintype b.last {
    margin-right: 0;
}
/**员工资料**/
.employee-infobox{
	margin-left:200px;
	position:relative;
	.ep-photo{
		position:absolute;
		top:0;
		left:-200px;
		width:180px;
		height:240px;
		padding:4px;
		.borderfunction;
		.border-radius;
		background:#f9f9f9;
		.ep-photobox{
			width:180px;
			height:240px;
			text-align:center;
			display: table-cell;
			vertical-align:middle;
			*line-height:240px;
		}
	}
}
.title-employee{
	font-family: '微软雅黑 Regular', '微软雅黑';
	font-size: 23px;
	color: #C9625F;
	font-weight:normal;
}
/*带底色边框*/
.common-lightgray {
    width: 48%;
    float: left;
    margin-bottom: 12px;
    margin-left: 18px;
    border: 1px solid #DDD;
    background: #fff;
    border-radius: 3px;
}
.common-lightgray-left{
	width: 47%;
	float: left;
	margin-left: 26px;
	&:first-child{
		border-right:1px dotted #d4d4d4;		
	}
}
.commission_title {
    background: #D7D7D7;
    height: 32px;
    border-bottom: 1px solid #CCC;
    padding: 2px 2px 2px 12px;
    line-height: 32px;
}
.commission_title h3 {
    margin: 0;
}
.commission_content {
    padding: 15px;
}
.common-lightgray-header{
	margin:6px 12px;
	font-family:"微软雅黑","黑体";
}
/*拍照光度调节*/
.set-light {
    margin-bottom: 12px;
    background: #F0F0F0;
    padding: 12px 12px 12px 20px;
    height: 30px;
    line-height: 30px;
}
.set-light li {
    float: left;
    margin-right: 12px;
}
.preview-photo {
    padding:0 20px 20px 20px;
}
/***********************
 图片上传 V2
 20140626 
 黄敏思修改
 **********************/ 
.upload-btn {
    padding:6px;
    border-bottom: solid 1px #dfdfdf;
}
.upload-btn object,
.upload-btn a
{
    vertical-align: middle;
}
.upload-btn span {
    color: #999;
    vertical-align: middle;
}
.upload-btn a {
    display: inline-block;
    position: relative;
    padding-right: 14px;
}
.upload-btn a i
{
	position:absolute;
	right:5px;
	top:7px;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
	border-width:4px;
	border-style:solid;
	border-color:#666 transparent transparent;
	-moz-transform-origin:50% 30%;
	-webkit-transition:-webkit-transform .2s ease-in;
	-moz-transition:-moz-transform .2s ease-in;
	-o-transition:-o-transform .2s ease-in;
	transition:transform .2s ease-in;
}
.upload-btn a:hover i,
.upload-btn a:active i
{
	border-color:#fff transparent transparent;
	-moz-transform:rotate(180deg);
	-moz-transform-origin:50% 30%;
	-webkit-transform:rotate(180deg);
	-webkit-transform-origin:50% 30%;
	-o-transform:rotate(180deg);
	-o-transform-origin:50% 30%;
	transform:rotate(180deg);
	transform-origin:50% 30%;
	-webkit-transition:-webkit-transform .2s ease-in;
	-moz-transition:-moz-transform .2s ease-in;
	-o-transition:-o-transform .2s ease-in;
	transition:transform .2s ease-in;
}
table.bottomborder td{
	border-bottom:solid 1px #eee;
	padding:7px 7px 7px 0;
}
table.bottomborder table td{
	border:0;
	padding:0;
}
.upload-done-small{
	width:100px; 
	height:75px;
	float:left;
	text-align: center;
	line-height:normal;
	overflow:hidden;
	display:block;
}
.view-noimg {
    height:100px;
	width:100px;
	img{
		border: solid 1px #C7C7C7;
		padding: 1px;
		background: white;
		vertical-align: middle;
	}
}
.view-img {
	height:116px;
	width:152px;
	background: url(images/loading9.gif) no-repeat 50% 50%;
	.borderfunction(1px,#C7C7C7);
	display: table-cell;	
	vertical-align: middle;
	text-align:center;
	a{
		height:116px;
		width:152px;
		display: table-cell;	
		vertical-align: middle;
		text-align:center;
		background:#fff;
	}
	img{
		background: white;	
		padding:1px;
	}
	&.nobbg{
		background:none;
		position: static;
		top: 50%;
		padding: 0px;
		width: 100%;
		height:auto;
		img{
			position: static;
			top: -50%;
			left: -50%;
		}
	}
}
.img-list{
	li{
		  float: left;
          width: 72px;
          height: 54px;
          text-align: center;
          margin: 4px;
          padding: 3px;
          cursor: pointer;
          border: solid 1px #d5d5d5;
          position: relative;
		em{
			//position: relative;
		}
		i{
			width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 4px;
  bottom: 4px;
  background-position: 0 0;
			background: url(images/simple.png) no-repeat 0 -701px;
			display: none;
		}
		&.on{
			padding: 2px;
            border: solid 2px #FFB941;
			i{
				display: block;
			}
		}
		img{
			border: none;
		}
	}
}
.imgList {
    border: solid 1px #DDD;
}
.imgout {
    margin: 3px 0px 2px 10px;
    float: left;    
    position: relative;
    height: 80px;
    width: 120px;
	.upload-done{
		display: table-cell;
		float: none;
		overflow: visible;
	}
}
.upload-done{
    display:table-cell;
    vertical-align:middle;
    float:none;
}
.preview-img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.viewimg {
    height:100px;
    width:100px;
    /*非IE的主流浏览器识别的垂直居中的方法*/
     display: table-cell;
     vertical-align:middle;
     /*设置水平居中*/
     text-align:center;
     /* 针对IE的Hack */
     *display: block;
     *font-size: 87px;/*约为高度的0.873，100*0.873 约为87*/
     *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.viewimg img{
    border: solid 1px #CCC;
    padding: 1px;
    /*设置图片垂直居中*/
    vertical-align:middle;
}
/*logo的灰色底*/
.view-img-logobox{
	.view-img {
		a{
			background:#ccc;
			img{
				background:none;
			}
		}
	}
}
/*图片上传*/
.respond-oper{
	text-align:right;
	font-size:12px;
	display:inline-block;
	clear:both;
}
.imgList {
    float:left;
    width:600px;
    border: 0;
}
.upload{
	border:1px solid #418D4F;
	text-align:center;
	width:100px;
	height:48px;
	cursor: pointer;
	background:url(images/loading9.gif) no-repeat 50% 50%;
}
.upload.ufollow{
	height:92px;
	width:92px;
	position:absolute;
	left:-1px;
	top:-1px;
	margin:0;
	padding:0;
	opacity: 0;
	filter: ~"alpha(opacity:0)";
	_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	overflow:hidden;
	cursor:auto;
}
.upload.ufollow object{
	width:92px;
	height:92px;
	outline:none;
}
.upload-tips{
	color:#acacac;
	vertical-align:middle;
    padding: 6px 6px 0 6px;
}
.upload-tips-right {
    line-height: 34px;
    margin-right: 3px;
    color: #acacac; 
}
.upload-tips-right.mgr15 {
    margin-right: 15px;
}
.upload-done{
	width:100px; 
	height:75px;
	float:left;
	margin: 7px;
	text-align: center;
	line-height:normal;
	overflow:hidden;
	display:block;
	position:relative;
}
.upload-done.myimg{
	display:table-cell;
	vertical-align:middle;
	float:none;
}
.upload-done.uview{
	height:auto;
	position:relative;
}
.upload-done.uview .view-img {
    width: 120px;
}

.dele{
	position:absolute;
	z-index:10;
}
.dele.a{
	left:26px;
	bottom:1px;
}
.dele.b{
	display:none;
	right:0;
	top:0;
	width:42px;
	height:24px;
	background:#333;
}
div.dele a:link,
div.dele a:visited{
	width:42px;
	height:24px;
	display:block;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
	text-shadow: 0 0 2px black;
	outline: none;
}
div.dele a:hover,
div.dele a:active{
	color: #FFF;
	text-decoration: none;
	outline: none;
	background:#ff710d;
}
.imgout {
    margin: 0;
    width: 100px;
}
/**图片上传中 20140708**/
.load-imgbox {
    width: 221px;
    height: 166px;
    text-align: center;
    display: table;
}
.load-imgin {
    width: 100px;
    height: 112px;
    display: table-cell;
    vertical-align: middle;
}
.load-img {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: url(images/loading9.gif) no-repeat 0 0;
}
.load-ing {
    height: 36px;
    line-height: 36px;
}
/*上传图片按钮*/
.up-cbtn{
	display:inline-block;
	position:relative;
	z-index:1;
	object{
		width:96px;
		height:30px;
		position:absolute;
		top:0;
		left:0;
		opacity: 0;
		filter: ~"alpha(opacity:0)";
		_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		z-index: 3;
		overflow: hidden;
	}
}
.up-warming{
	margin-left:8px;
	display:inline-block;
	vertical-align:middle;
	em{
		font-size:14px;
		color:#666;
	}
	i{
		font-size:12px;
		color:#999;
	}
}
/*电子档案*/
.picup-piclist {
    float: left;
    width: 217px;
	height:220px;
    margin: 8px 16px 8px 0px;
    padding: 5px;
    background: #f2f2f2;
	.borderfunction;
	.picup-operate{
		display: block;
		a:link,a:visited{
			.borderfunction(1px,#f2f2f2);
		}
	}
	li{		
		.upload-pic{
			width: 217px;
			height: 162px;
			position: relative;
			img{
				border: 0;
				padding:0;
			}
			span{
				height:26px;
				width:217px;
				overflow:hidden;
				display:block;
				position:absolute;
				bottom:0;
				left:0;
				text-align:left;
				&.up-tips{
					z-index:2;
					i,a{
						line-height:26px;
						vertical-align:middle;
					}
				}
				&.up-bg{
					opacity: .8;
					filter: alpha(opacity=80);
					-ms-filter: "alpha(Opacity=70)";
					z-index: 1;
					background: #fefefe;
				}
			}
		}
		.upload-done-small{
			margin: 0;
		}
	}
}
.picup-describe{
	position:relative;
	display:block;
	height: 28px;
	width:217px;
	margin-top:6px;
	.inpt-none {
		padding:4px 0 4px 7px;
		width:214px;
		background: none;
		border: 0;
		color:#666;
		cursor:pointer;
		white-space:nowrap;
		overflow:hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		height:20px;
	}
	.picup-describe-out{
		position:absolute;
		top:0;
		left:0;	
		.inpt{
			width:202px;
			margin-right:0;
		}		
	}
	&.small{
		width:134px;
		margin-top:0;
		.inpt-none{
			width:127px;
		}
		.picup-describe-out{
			width:120px;
			.inpt{
				width:120px;
			}
		}
	}
}
.form li{
	.picup-piclist{
		li{
			margin: 0;
			&.picup-describe{
				margin:6px 0 0 0;
			}
		}
	}
}
/*****部门管理*****/
.depart {
	position:relative;
}
.depart-left {
    width: 23%;
    float:left;
	background:#fff;
}
.depart-right-inner {
}
.mod-content-header-logo {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 20px;
	&.mhl-sm{
		width:48px;
		height:48px;
	}
}
.icon-depart-logo {
    width: 64px;
    height: 64px;
    display: inline-block;
    text-indent: -2000px;
    background: url(images/common.png) no-repeat -72px -272px;
}

.mod-content-header{ 
	position:relative;
	.hlist-info-pic{
		position:absolute;
		top:0;
		left:0;
		width:130px;
		height:100px;
		padding:0;
		border:0;		
		margin-right:18px;
		.hlist-tpic {
			width: 130px;
			height: 100px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		}
		&.hip-sm{
			width:84px;
			height:64px;
			.hlist-tpic{
				width:84px;
				height:64px;
			}
		}		
	}	
	ul {
		padding-left:84px;		
		&.cont-lg{
			padding-left:148px;
			min-height:100px;
		}
		ul{
			padding-left:0;
		}
	}
	li{
		margin-bottom: 8px;		
		li{
			margin-bottom:0;
		}
		&.mch-last{
			margin-bottom:0;
		}
		h2{
			font-size: 1.33em;
			font-family:"微软雅黑";
			/*white-space:nowrap;
			overflow:hidden;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;*/
			color:#C9625F;
			.font-ad{
				font-weight:normal;
				color:@red;
			}
			i i{
				font-weight:normal;
				vertical-align:2px;
				font-size:12px;
			}
		}		
	}
}
.mod-content-header{
	.tips-warning.middle{
		min-width:500px;
		p{
			width:96%;
			max-width:96%;
			span{
				width:86%;
				display:inline-block;
			}
		}
		.btn-inverse{
			padding:1px 0;
			height:20px;
			line-height:20px;
			overflow:hidden;
			display:inline-block;
			vertical-align:middle;
			margin:0;
			width: 56px;
			text-align: center;
		}
	}
}
.cont-break-all{
	span{
		margin-right: 28px;
		word-wrap: break-word;
		word-break: break-all;
		white-space: nowrap;
		display:inline-block;
		span{
			margin-right:0;	
			display:inline;
		}
	}
	label{
		color: #777;
	}
}
.mod-dtoolbox{
	margin-top:14px;	
}
/* 客户资料页面 20140619修改 黄敏思*/
/*.ctheader {
	margin:0 0 0 12px;
}*/
.mod-customer {
    background: #FFF;
    padding: 12px;
}
.customer {
	margin: 0 0 6px 0;
	color:#C9625F;
	font-size: 1.33em;
	font-family: "微软雅黑";
	a{
		&:link,&:visited{
			color:#C9625F;
		}
	}
	.normal{
		font-weight:normal;
		font-size:12px;
		font-family:"宋体";
	}
}
.customer b {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.customer-info {
	color:#666;
}
.customer-info.bgtype {
	background:#f8f8f8;
	border:solid 1px #dadada;
	padding:1px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:6px 0 10px 0;
}
.customer-info.brokertype {
	padding: 12px;
}
.customer-info li {
	display:inline-block;
	margin:0 2px 0 0;
}
.customer-info span {
	font-size:14px;
	color:#333;
    &.error{
        font-size:12px;
        color:#e34444;
    }
}
.customer-info em {
	color:#999;
}
.customer-info b {
	font-family: Arial, Helvetica, sans-serif;
}
.broker-info li {
	float: left;
}
.broker-info li label {
	color: #666;
	margin: 0 0 0 12px;
}
.view-icon {
	background: gray;
	color: white;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 1px 5px;
	cursor: text;
	border: 0;
	font-weight: normal;
	line-height: normal;
	display:inline-block;
}
.view-icon.green {
	background: #51AB3A;
}
.chouse-count{
	border-top:3px solid #c75757;
	padding:10px 0;
	&.bnone{
		border:3px solid #fff;
	}
	li{
		padding:11px 16px;
		color:#666;
		line-height:30px;
		a{
			color:#666;
			text-decoration:none;
		}
		b{
			font-family:"微软雅黑";
			font-size:32px;			
			vertical-align:middle;
		}
		span{
			font-size:18px;
			vertical-align:middle;
			font-family:"微软雅黑";
		}
	}
}
/***********个人轨迹 20140816 黄敏思********/
.schedule-cont{
	h4{
		font-family:"微软雅黑";
		font-weight:normal;
		font-size:14px;
		margin-bottom:4px;
	}
	p{
		font-family:"微软雅黑";
		font-size:12px;
		color:#666;
        word-break:break-all;
	}
	img{
		vertical-align:middle;
		margin:2px;
	}
	table,table.schedule-table{
		width:82%;
		margin-top:10px;
		p{
			span,em{
				width:auto;
				display:inline;
			}
		}
		.te-cola{
			width:24%;
		}
		.te-colb{
			width:38%;
		}
		td,th{
			padding:6px;
			border-bottom: solid 1px #e4e4e4;
			text-align:left;
			background:#F4F8FA;
			em{
				display:inline;
			}
		}
		th{
			color:#666;			
		}
		th,td strong{			
			font-family:"微软雅黑";
			font-weight:normal;
		}
	}
	&.cont-lg{
		table{
			width:100%;
		}
	}
	&.sc-time-warm{
		h4{
			color:@blue;			
		}
		p{
			a{
				&:link,&:visited{
					color:#888;
				}
				&:hover,&:active{
					color:@red;
				}
			}
		}
	}
}
.table tr td .schedule-cont em{
	display:inline-block;
	vertical-align:top;
}
.table tr.on td {
	.schedule-cont{
		td,th{
			background:#F4F8FA;
			border-bottom: solid 1px #e4e4e4;
		}
	}
}
.table tr.hoveron td {
  .schedule-cont{
		td,th{
			background:#F4F8FA;
			border-bottom: solid 1px #e4e4e4;
		}
	}
}
.schedule-simple-box{
	background:#F4F8FA;
	display:inline-block;
	padding:6px 10px;
	margin-top:10px;
	.schedule-simple{
		cursor:pointer;
		.link{
			word-wrap: break-word;
			word-break: break-all;
			white-space: nowrap;
		}
	}
}
/*跟进经纪人-右侧栏 20140623 黄敏思*/
.dclient-brokers {
    li{
		display: block;
		margin-top:10px;
		color: #666;
		&:first-child{
			margin-top:0;
		}
		&.dcb-first{
			a{
				font-size:14px;
				font-weight:bold;
			}
		}
	}
	.dcb-line{
		height: 1px;
		border-bottom: 1px solid #C8625F;
		margin: 8px 2px 10px 2px;
	}
}
.dhouse-binfo {
    float: left;
	max-width:70%;
	p{
	padding-bottom: 0;
    min-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
		i{
			float: left;
			margin-right: 6px;
		}
		&.dhb-mg{
			margin:3px 0;
		}
		&.dhb-mgt{
			margin-top:3px;
		}
	}
    &.dhouse-binfo-one{
        p{
            line-height:2;
            color:#666;
            label{
                color:#999;
                margin-right:5px;
            }
            span{
                a{
                    color:#5bbdef;
                    font-weight:normal;
                }
            }
            &:first-child{
                font-size:14px;
                color:#000;
            }
            &:last-child{
                line-height:1.8;
            }
        }
    }
}
/*跟进经纪人-左右框架 20140620 黄敏思*/
.follow-broker{
	.mod-borkerbox{
		float: left;
		background: #e4e4e4;
		margin-right: 10px;
		padding: 4px;
		margin-bottom:6px;
	}
}
.mod-borkerbox{
	.mb-avatar{
		float:left;
		margin-right:8px;
		&.mba-xs{
			margin-right:7px;
		}
	}
	.mb-info{
		//max-width:70%;
		float:left;
		&.mbi-xs{
			p{
				line-height:18px;
			}
		}
		.mbi-name{
			display:inline-block;
			max-width:96px;
			white-space:nowrap;
			overflow:hidden;
			vertical-align:middle;
		}
	}
}
.mb-avatar{
	display:block;
	width:34px;
	height:46px;
	img{
		padding:1px;
		border: solid 1px #ccc;
	}
	&.mba-lg{
		width:56px;
		height:74px;
	}
	&.mba-xm{
		width:50px;
		height:65px;
	}
	&.mba-sm{
		width:41px;
		height:54px;
	}
	&.mba-xs{
		width:26px;
		height:35px;
		img{
			padding:0;
			border:0;
		}
	}
	&.mba-center{
		width:56px;
		text-align:center;
	}
}
/**经纪人小模块***/
.block-avatar{
	min-width:150px;
	li{
		float:left;
		img{
			border:solid 1px #ccc;
			padding:1px;
			margin-right:8px;
		}
		p{
			white-space:nowrap;
			overflow:hidden;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			width:110px;
		}
	}	
}
/**操作按钮模块**/
.block-button{
	min-width:67px;
}
/*****权限设置 吕小军***/
.checkbox-group{
	padding:12px;
	li{
		padding:8px;
		span{
			margin-right:12px;
			display:inline-block;
			min-width:128px;
			label{
				padding:0 6px;
				vertical-align:middle;
				cursor:pointer;
			}
			.gray{
				margin-left:12px;
				color:#666;
			}
		}
	}
}
@media screen and (max-device-width: 1335px){
	 .checkbox-group li span {
		 min-width: 119px;
	 }
}
/********权限设置V2 20140627 黄敏思********/
/*数据字段*/
.pset-box{
	padding-left:12px;
	table{
		float:left;
		width:868px;
		margin:0 26px 26px 20px;
		&.tw-lg{
			width:500px;
		}
		&.default-long{
			width:488px;
		}
		tr{
			td{
				padding:9px 6px;
				&.pd0{
					padding:0;
				}
			}
			&.mps-tips{
				td{
					border:0;
				}
				span{
					vertical-align:middle;
				}
			}
		}
	}
	&.pset-mini{
		table{
			width:250px;
		}
	}
	&.pset-pdl0{
		padding-left:0;
	}
}
.pset-extend{
	margin:13px 0 0 24px;
}
.mod-panel-select{
	height:122px;	
	overflow:auto;
	li{
		padding:8px 16px;
		/*border-top:1px solid #ccc;
		cursor:pointer;*/
		width:120px;
		float:left;
		&:first-child{
			/*border-top:0;*/
		}
		&.ui-selected{
			background:#ec7063;
			color:#fff;
		}
		&.ui-selecting{
			background:#f3867b;
			color:#fff;
		}
	}
	.ui-selectable-disabled,.ui-state-disabled{
		li{
			cursor:auto;
		}
	}
}
.mod-panel-select select{
	width: 120px;
	height: 90px;
}
/*select2*/
.pset-sbtn{
	display:inline-block;
	vertical-align:middle;
	.select2-container{
		.select2-choice{
			padding:7px 20px 7px 30px;
			filter: none;
			background-color:#d84a38;
			background-image:url(images/simple.png);
			background-repeat:no-repeat;
			background-position:7% -193px;			
			border:0;
			.border-radius(0);
			height:20px;
			line-height:20px;
			width:auto;
			min-width:96px;
			text-align:center;
			display:inline-block;
			
			.select2-chosen{
				color:#fff;
				font-size:14px;
				margin-right:12px;
			}
			.select2-arrow{
				background:none;
				top:15px;
				right:10px;
				border:0;
				.border-radius(0);
				width:12px;
				height:8px;
				b{
					background:#d84a38 url(images/simple.png) no-repeat 0 -235px;
					width:12px;
					height:8px;
				}
			}
		}
	}
	&.icon-onekeyadd{
		.select2-container{
			.select2-choice{
				background:#d84a38 url(images/simple.png) no-repeat 7% -274px;
			}		
		}
	}
}
.body-select{
	&.select2-drop-active{
		border:1px solid #ddd;
	}
	.select2-search{
		margin-top:-1px;
		padding-top:4px;
		input{
			min-height:28px;
		}
	}
	.select2-results{
		max-height:300px;
		li{
			&.select2-result-with-children{
				.select2-result-label{
					color:#777;
					font-size:14px;
					padding-left:26px;
					background:url(images/simple.png) no-repeat 2% -249px;
				}
			}
			&.select2-results-dept-1{
				.select2-result-label{
					color:#333;
					background:none;
					padding: 4px 7px 5px 36px;
				}
				&.select2-highlighted{
					.select2-result-label{
						color:#fff;
					}
				}
			}
		}
	}
	&.icon-listtype{
		.select2-results{
			li{
				&.select2-result-with-children{
					.select2-result-label{
						background:url(images/simple.png) no-repeat 2% -309px;
					}	
				}
				&.select2-results-dept-1{
					.select2-result-label{
						background:none;
					}				
				}
							
			}
		}
	}
}
/*功能*/
.pset-function{
	a{
		&:link,&:visited{
			float:left;
			padding:5px 16px 12px 96px;
			background:url(images/button2.png) no-repeat 20px 13px;
			.borderfunction;
			min-height:76px;
			text-decoration:none;
			font-family:"微软雅黑";
			margin: 0 4px 12px 12px;
			&.pet-key{
				background-position:20px -191px;
			}
			&.pet-lock{
				background-position:21px -289px;
			}
		}
		&:hover,&:active,&:link.ps-check,&:visited.ps-check{
			.borderfunction(1px,#d9534f);
			background-color:#fcfcfc;
		}
		&:link.ps-check,&:visited.ps-check{
			background-position:20px -93px;
		}
		h4{
			font-size:18px;
			font-weight:normal;
			color:#00a0e9;
			line-height: 36px;
			width: 274px;
		}
		p{
			color:#666;
			font-size:13px;
			width: 234px;
			height:40px;
			overflow:hidden;
		}
	}
	&.pset-setbtn{
		margin:30px auto;
	}
}

/*需求列表-自适应宽度 20150108 黄敏思*/
.hlist-listin{
	&.on{
		background:#f9f9f9;
	}
	&:hover{
		background:#E9F3FF;
	}
}
.hlist-widthauto,.tr-demandlist{
	.hlist-listin{
		position:relative;
		padding: 16px 196px 16px 204px;
		min-height:145px;
		ul{
			&.hlist-picture{
				float:none;
				position:absolute;
				top:16px;
				left:0;
			}
			&.hlist-price{
				width:182px;
				float:none;
				position:absolute;
				right:14px;
				top:22px;
			}
			&.hlist-describe{
				margin-left:0;
				width:98%;
				h2{
					max-width:98%;
				}
				li{
					span{
						max-width:85%;
					}
				}
			}
		}
		&.first,&:first-child{
			padding: 6px 196px 16px 204px;
			ul{
				&.hlist-picture{
					top:6px;
				}
				&.hlist-price{
					top:12px;
				}
			}
		}
		&.clientbox{
			padding: 16px 196px 16px 104px;
			&.first,&:first-child{
				padding: 6px 196px 16px 104px;
			}
		}
	}
}

/**********批量转盘客V2 黄敏思 20140630************/
.nav-sub-step {
  border: solid 1px #d7d7d7;
  background: #f2f2f2;
  height: 46px;
  overflow:hidden;
  li{
	float: left;
	font-family: "微软雅黑";
	font-size: 14px;
	text-align: center;
	em{
		color: #555;
		display: inline-block;
		width: 27px;
		height: 27px;
		margin-right: 12px;
		text-align: center;
		line-height: 27px;
		vertical-align: middle;
		background: url(images/common.png) no-repeat -38px -64px;
	}
	span{
		vertical-align: middle;
		font-weight: bold;
		color: #555;
		a{
			&:link,&:visited{
				color: #555;
			}
			&:hover,&:active{
				color:@red;
			}
		}
	}
	.icon-arrow-right {
	  background: url(images/common.png)  -52px -109px;
	  width: 26px;
	  height: 47px;
	  display: inline-block;
	}
	&.hason{
		background-color:#2980b9;
		height:47px;
	}
	&.on{
		em{
			background-position: 0 -64px;	
			color: #00a0e9;
		}
		span{
			color: #ccc;
			a{
				&:link,&:visited{
					color: #fff;
				}
				&:hover,&:active{
					color:@red;
				}
			}
		}
		.icon-arrow-right{
			background-position:  -8px -111px;	
		}
	}
	&.ns-cont{
		width: 31%;
		padding-top: 8px;		
		.ns-right-bg{
			position:absolute;
			right:-12%;
			top:0;
			height:47px;
			background:#2980b9;
			display:none;
			width:12%;			
		}
		&.on{
			background: #2980b9;
			height: 39px;
			position:relative;
			.ns-right-bg{
				display:block;
			}
		}
	}
    }
}
.tr-conditionbox{
	width:80%;
	margin:auto;
	min-width:926px;
}
.tr-demandbox {
  margin: 88px auto;
  width: 386px;
  min-height:138px;
}
.tr-demand {
  margin-bottom: 12px;
}
.tr-demand-choose {
  background: #e4e4e4;
  padding: 8px;
  .mb-avatar{
	margin-top:4px;
	width:46px;
	.avatar-circle{
		background-position:-121px -432px;
	}
	img{
		padding:0;
		border:0;
	}
  }
  p{
	width:214px;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
  }
}
.mb-twoinfo{
	display:block;
	width:214px;
	a{
		font-size:14px;
		font-family:"微软雅黑";
		float:left;
	}
	em{
		float:right;
		margin-top:2px;
	}
	&.mb-twoinfo-sm{
		width:160px;
	}
}
.tr-demandlist{
	margin-bottom:20px;
	.table{
		em{
			display:inline;
			vertical-align:baseline;
		}
	}
	.hlist-listin{
		border:0;
		&.first,&:first-child{
			padding: 10px 196px 6px 204px;
			ul{
				&.hlist-picture{
					top:10px;
				}
				&.hlist-price{
					top:16px;
				}
			}
		}
		&.clientbox{
			&.first,&:first-child{
				padding: 10px 196px 10px 104px;
			}
		}
	}
}
.tr-select{
	a{
		&:link,&:visited{
			float:left;
			&.sl-dele{
				color:#666;
				.borderfunction(1px,#ccc);				
				padding-right:12px;
				margin:0 6px 3px 0;
				background:#f5f5f5 url(images/simple.png) no-repeat 96% -515px;
			}
			img{
				display:block;
				border:0;
			}
		}
		&:hover,&:active{
			&.sl-dele{
				background-color:#fff;
			}
		}
	}
	li{
		float:left;
		margin-left:3px;
		p{
			width: 70px;
			line-height:18px;
			white-space:nowrap;
			overflow:hidden;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			&:first-child{
				/*font-size:14px;
				color:#00a0e9;
				font-family:"微软雅黑";*/
			}
		}
	}
	.tip-none{
		margin:0 auto;		
	}
}
/********公告V2 20140702 黄敏思********/
.wrap-notice{
	//width:90%;
	margin:0 auto;
}
.title-notice{
	text-align:center;
	padding:10px;
	border-bottom: solid 1px #e7e7e7;
	li{
		margin-bottom:6px;
	}
	span{
		font-size:1.7em;	
		line-height:1.6em;	
		font-family: "微软雅黑";
		font-weight: bold;		
	}
	.ln-main{
		font-size: 14px;
		line-height: 1.75em;
	}	
	label{
		margin-right:30px;
		color:#999;
	}
	&.title-sm{
		text-align:left;
		span{
			font-size:1.33em;
		}
	}
}
.list-notice{
	li{
		margin-bottom:6px;
		.ln-main{
			font-size:14px;
			text-indent:2em;
			line-height:1.75em;
			margin:16px 0 20px;
			padding:10px;
			background: #f2f2f2;
			font-family: "微软雅黑";
		}
		.ln-content{
			font-size:14px;
			line-height:28px;
			text-indent: 24px;
		}
	}
}
.icon-nperson,
.icon-ntime,
.icon-nscan{
	display: inline-block;
	width:11px;
	height:11px;
	background: url(images/common.png) no-repeat -61px -36px;
	vertical-align:text-bottom;
}
.icon-ntime{
	background-position:-92px -36px;
}
.icon-nscan{
	background-position:-125px -37px;
	width:16px;
}
.icon-gnew{
	width:25px;
	height:17px;
	display:inline-block;
	background:url(images/oav2/new.gif) no-repeat 0 0;
	text-indent:-5000px;
	vertical-align:4px;
}
/**密码强度V2 黄敏思 20140708**/
.psw-strength{
	height:28px;
	overflow:hidden;
	display:block;
	margin-left:102px;
	em{
		float:left;
		width:50px;
		padding:3px 0;
		.borderfunction;
		margin-left:-1px;
		text-align:center;
		&:first-child{
			margin-left:0;
		}
		&.sth0{
			background:#ef661d;
		}
		&.sth1{
			background:#f8b500;
		}
		&.sth2{
			background:#abd825;
		}
	}
}
/**上传头像V2 黄敏思 20140708**/
.upload-set {
	margin-bottom:57px;
	p{
		margin-top:12px;
		line-height:22px;
		font-size:14px;
		color:#666;
		i{
			color:#999;
			font-size:12px;
		}
	}
}
.avatar-upbox{
	float:left;
	margin-right:20px;
	/*padding:5px;
	height:261px;
	width:240px;
	background:#e7e7e7;	
	overflow:hidden;*/
}
.avatar-preview{
	span{
		width:90px;
		height:120px;
		display:inline-block;
		vertical-align: bottom;
		overflow:hidden;
		margin-right:12px;
		/*background:#e7e7e7;*/
		padding:3px;
		&.ava-sm{
			width:37px;
			height:50px;
		}
	}
}

/****************************
 跟进、广播管理V2-20140329
 黄敏思
 ***************************/
.icon-review,
.icon-support,
.icon-little-review,
.icon-fdelete,
.icon-recover {
    background-image: url(images/common.png);
	background-repeat:no-repeat;
	background-position:0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}
.icon-support {
    background-position: -28px 0;
	vertical-align: -3px;
	*vertical-align:-1px;
}
.icon-little-review {
    background-position: -59px 2px;
    margin-left: 10px;
}
.icon-recover{
	background-position: -185px 0;
	vertical-align: -4px;
}
.icon-fdelete{
	background-position: -156px 0;
	vertical-align: -4px;
}
.disabled{
	.icon-review{
		background-position: -92px 0;
	}
	.icon-support{
		background-position: -124px 0;
	}
}
.flist-singlebox {
	.flist-single {
		padding: 12px 12px 0 66px;
		min-height:66px;
		margin-top:12px;
		border-top:1px solid #dfdfdf;
		&.flist-single-first,&:first-child{
			margin-top:0;
			padding-top:0;
			border-top:0;
		}
	}
}
.icon-fgroups,
.icon-fpointer{
	display:inline-block;
	padding:0 0 0 17px;
	background: url(images/simple.png) no-repeat 0 -31px;
	color:#999;
	margin-left:6px;
}
.icon-fpointer{
	background-position:2px 3px;
}
.gb-news{
	position:absolute;
	top: -4px;
	right: -2px;
	z-index:2;
	display:block;
	width:20px;
	height:20px;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	color:#fff;
	background: url(images/simple.png) 0 -738px;
	&.large{
		top:4px;
		right:24px;
	}
	&.small{
		top:-4px;
		right:-4px;
	}
	&.ndspl{
		display:none;
	}
}
/*******白底图片做成圆角*********/
.avatar-pstnr{
	position: relative;
	display: block;
	height:46px;
	width:46px;
	overflow:hidden;
	&.avatar34{
		height:34px;
		width:34px;
	}
}
.avatar-circle{
	position:absolute;
	width: 46px;
	height: 46px;
	display: inline-block;
	background: url(images/common.png) no-repeat -85px -102px;
	top: 0;
	left: 0;
	&.cir34{
		width:34px;
		height:34px;
		background-position: -85px -64px;
	}
}

.ftool{
	a:link,a:visited,a:hover,a:active{
		&.btn-border.disabled{
			color:#999;
			background:none;
		}
	}
	&.fposition{
		position:absolute;
		top:0;
		right:0;
		visibility:hidden;
	}
}
.ftool-box{
	background:#f6f6f6;
	padding:6px 0 0 0;
	.ftool{
		a:hover,a:active{
			background:#fff;
		}
	}
}
a{
	&:link,&:visited{
		&.btn-fdelete,
		&.btn-freply{
			padding:13px 9px;
			border:1px solid #bc4946;
			color:#fff;
			background-color:#c8625f;
			height:16px;
			line-height:16px;
			display:inline-block;
			text-decoration:none;
			vertical-align:top;
		}
		&.btn-freply{
			color:@blue2;
			background-color:#e7e7e7;
			border:1px solid #d6d6d6;
		}
	}
	&:hover,&:active{
		&.btn-fdelete{
			background-color:#bc4946;
		}	
		&.btn-freply{
			background-color:#dadada;
		}
	}
}
.flist-single-in {
	position: relative;
	_width: 572px;
	.flist-broker {
		width: 46px;
		height: 46px;
		overflow:hidden;
		position: absolute;
		left: -58px;
		top: 4px;
		_top:0;
	}
	.flist-content{
		&.flist-hover{
			&:hover{
				.ftool.fposition{
					visibility:visible;
				}
			}
		}		
		li{
			margin-bottom:4px;
			color: #333;
			&.flist-content-first{
				span{
					color: #aaa;
					margin-left: 6px;
					em{
						margin: 0 1px;
					}
				}
			}
			.flist-demand{
			    width:470px;
				li{
					margin-bottom:0;
					&.fldc-first{
						margin-bottom:2px;
					}
				}
			}
            p{word-break:break-all;}
		}
	}			
	.picture-out{
		display:inline-block;
		margin: 4px 6px 4px 0;
	}
}
.fcont-hfix{
	max-height:320px;
	*height:320px;	
	overflow:auto;
	*position: relative;
	&.fh-sm{
		max-height:250px;
		*height:250px;
		.ftool.fposition{
			display:none;
		}
		&:hover{
			min-height:250px;
			.ftool.fposition{
				display:block;
			}
		}
	}
	&.fh-xm{
		max-height:90px;
		*height:90px;
	}
}
/*跟进-需求*/
.flist-demand {
    background: #F2F2F2;
    padding: 4px 0;
	border:1px solid #ebebeb;
	margin:8px 0;
	ul {
		float: left;
		margin-left: 10px;
		&.flist-demand-first{
			position: relative;
			width: 92px;
			height: 70px;
			overflow: hidden;
			padding: 0;
			_margin-left:5px;
			a{
				display: block;
			}
			span{
				display: block;
				height: 18px;
				line-height: 18px;
				width: 34px;
				text-align: center;
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 4;
				color: #fff;
				font-size: 12px;
				&.fldf-back{
					background: #666;
					z-index: 2;
					opacity: .70;
					-moz-opacity: .70;
					-khtml-opacity: .70;
					filter: ~"alpha(opacity=70)";
				}
			}
		}
		&.flist-demand-cont{
			width: 448px;
			li{
				&.fldc-first{
					font-size: 12px;
					border-bottom: 1px dashed #ccc;
					padding-bottom: 4px;
					margin-bottom:2px;
					span{
						float:left;
						&.rt{
							float:right;
							b{
								font-size:16px;
								font-family:Arial;
								font-weight:normal;
							}
						}
						span{
							float:none;
						}
					}
				}
				em{
					color: #ccc;
					margin: 0 4px;
				}
			}
		}
	}
} 
/*跟进-评论*/
.flist-rlnews {
	padding:0 10px;
	background:#f6f6f6;
	&.pdt10{
		padding:5px 10px;
	}
	li{
		padding: 5px 0 5px 46px;
		position: relative;
		min-height: 46px;
		height:auto !important; /*兼容FF,IE7也支持 !important标签*/
		height:50px; /*兼容ie6*/
		overflow:visible;		
		.ft-pstn{
			position:absolute;
			top:5px;
			right:0;
			visibility:hidden;
		}
		&.fr-hover{
			&:hover{
				.ft-pstn{
					visibility:visible;
				}
			}
		}		
		.flist-broker {
			width: 34px;
			height: 34px;
			overflow:hidden;
			display: inline-block;
			position: absolute;
			top: 5px;
			left: 0;
		}
		a:link,a:visited,a:hover,a:active{
			text-decoration:none;
			&.disabled{
				cursor:text;
				color:#666;
			}
		}
		&.flist-more-btn{
			min-height:32px;
			&:hover{
				background:none;
				cursor:default;
			}
			a:link,a:visited{
				display:block;
				padding:5px 0;
				max-width:620px;
				width:98%;
				text-align:center;
				.borderfunction;
				.border-radius; 
				background:#f0f0f0;
				margin-left:-46px;
			}
			a:hover,a:active{
				background:#e6e6e6;
			}
		}
		p.mgb4{
			width:90%;
		}
	}
}
.icon-reddown{
	display:inline-block;
	width:14px;
	height:12px;
	vertical-align:middle;
	background: url(images/common.png) no-repeat -170px -79px;
}
.flist-all{
	position:relative;
	&.mg0{
		margin:0;
	}
	.flist-check{
		position:absolute;
		top:12px;
		left:12px;
		&.lt{
			position:initial;
			margin:12px 0 0 12px;
		}
		input{
			top:0;
			left:0;
		}
		span{
			border:0;
		}
	}
	.btn{
		background:#666;
		.borderfunction(1px,#444);
		padding:3px 20px;
		font-size:12px;
		line-height:20px;
		
		background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#666666));
		background-image: -moz-linear-gradient(top, #555555, #666666);
		background-image: -ms-linear-gradient(top, #555555, #666666);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #666666));
		background-image: -webkit-linear-gradient(top, #555555, #666666);
		background-image: -o-linear-gradient(top, #555555, #666666);
		background-image: linear-gradient(top, #555555, #666666);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#666666', GradientType=0);
		
		&:hover{
			background:#555;
			.borderfunction(1px,#444);
			
			background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#555555));
			background-image: -moz-linear-gradient(top, #666666, #555555);
			background-image: -ms-linear-gradient(top, #666666, #555555);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #555555));
			background-image: -webkit-linear-gradient(top, #666666, #555555);
			background-image: -o-linear-gradient(top, #666666, #555555);
			background-image: linear-gradient(top, #666666, #555555);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555', GradientType=0);
		}
	}
}
/*群组广播*/
.group-follow{
	.flist-single-in {
		.flist-content{
			cursor:default;
			&:hover{
				background:none;
			}
		}
	}
	.flist-rlnews li{
		cursor:default;
		&:hover{
			background:none;
		}
	}
}
.group-gb{
	padding: 1px;
	background: #F4F8FA;
	border-left: solid 2px #BCE8F1; 
	margin-top: 6px;
	.group-gb-in{
		padding-bottom: 22px;
		padding-left: 28px;
		padding-top: 16px;
		h3{
			color: #428bca; 
			font-size: 14px; 
			margin-bottom: 4px;
			margin-left: 8px;
		}
		.flist-single{
			margin: 0;
			border: 0;
			.flist-single-in{
				padding-right: 32px;
			}
		}
	}
}

/*发表框140415*/
.flist-dialogbox {
    border: 1px solid #ccc;
    background: #fff;
    width: 632px;
    float: left;
    .flist-textbox {
		min-height: 54px;
		max-height: 220px;
        width: 622px;
        border: 1px solid #fff;
        display: block;
        padding: 4px;
        overflow:auto;
    }
    .flist-rtext {
        height: 32px;
        width: 618px;
        border-top: 1px solid #ccc;
        background: #f7f7f9;
        padding: 4px 10px 4px 4px;
        _overflow: hidden;
    }
    &.large{
        width:850px;
        .flist-textbox{
            width:840px;
        }
        .flist-rtext{
            width:836px;
        }
    }
}
.flist-dialog {}
.flist-rtext li {
    float: left;
    &.last{
        float: right;
        span{
            line-height: 28px;
        }
    }
    &:first-child{
        a{
            &:link,&:visited{
                padding: 7px 12px;
                border: 1px solid #f7f7f9;
                text-decoration: none;
                color: #666;
                height: 16px;
                line-height: 16px;
                float: left;
            }
            &:hover,&:active,&:link.bon,&:visited.bon{
                border: 1px solid #e8e8e8;
                background-color: #fff;
                .border-radius;
            }
        }
        .swfupload{
            float: left;
        }
    }
    &.choice{
        margin: 6px 0 0 12px;
        input{
            vertical-align: middle;
            margin-right: 3px;
            cursor: pointer;
        }
        label{
            padding-right: 12px;
            cursor: pointer;
        }
    }   
}
.flist-mpicup {
    margin: 8px 0 10px 0;
    clear: both;
    width: 572px;
    p{
        text-align: right;
        font-size: 12px;
        margin-bottom: 4px;
        color:#888;
    }
    a{
        &:link,&:visited{
            display: block;         
            height: 22px;
            line-height: 22px;
            padding: 8px 0;
            text-align: center;
            color: #666;
            font-size: 14px;
            text-decoration: none;
            border: 1px dashed #ccc;
            position: relative;
        }
        &:hover,&:active{
            background: #f7f7f9;
        }
    }
    .swfupload {
        width: 598px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: ~"alpha(opacity:0)";
        overflow:hidden;
        cursor:auto;
        _filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        z-index: 3;
    }
}

/*跟进回复框*/
.mention {
	color:#5d7895;
	border: 0 none;
	cursor: text;
	display: inline-block;
	font-size: 1em;
	margin-right: 1px;
	overflow: visible;
	padding: 0;
	vertical-align: baseline;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.flist-replybox {
    position: relative;
    margin: 10px;
    height: 104px;
}
.flist-tareabox {
    width: 557px;
    max-width: 557px;
    overflow: hidden;
    height: 58px;
    padding: 4px;
	background-color:#fff;
    border: solid 1px #ccc;
    display: block;
	/*p{
		color: #999;
		float: left;
		border-right: 1px solid #e8e8e8;
		width: 90px;
		height: 54px;
	}*/
}
.flist-tarea {
    width: 567px;
	background-color:#fff;
    max-width: 553px;
    padding-left: 4px;
    height: 54px;
    line-height: 16px;
    border: 0;
    display: block;
    float: left;
}
.flist-respond {
    font-size: 12px;
    width: 567px;
    position: relative;
    margin-top: 4px;
}
.flist-respond li {
    float: left;
}
.flist-respond li.last {
    float: right;
}
.flist-respond em {
    font-size: 12px; 
    color: #AAA;
}
.flist-respond li.last strong {
    color: #aaa;
}
.flist-respond .swfupload {
    width: 86px;
    height: 20px;
    position: absolute;
    bottom: 2px;
    left: 0;
    opacity: 0;
    filter: ~"alpha(opacity:0)";
    overflow:hidden;
    cursor:auto;
    _filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index: 3;
}
.respond-oper {
	width: 620px;
	.respond-uppics {
		float: left;
		height: 148px;
		width:188px;
		margin:0 12px 0 0;
		padding-top: 7px;
		overflow: hidden;
		.view-img{
			width:186px;
			height:136px;			
		}
		.upload-done {
			height: 138px;
			width: 186px;
			&.uview{
				.view-img {
					width: 186px;
				}
			}
		}
	}
	.fcont-hfix.fh-xm{
		.view-img{
			width:102px;
			height:78px;
			img{
				width:100px;
				height:76px;
			}
		}
		.respond-uppics {
			width:104px;
			height:80px;
			padding-top: 10px;
			.upload-done{
				width:104px;
				height:80px;
				&.uview{
				.view-img {
					width: 104px;
					}
				}
			}
		}		
	}
}
.respond-oper {
	&.small{
		width:520px;
		.imgList{
			width:500px;
		}
	}
}
.respond-uppics div.dele.a {
    right: 0;
    top: 0;
    left: auto;
    cursor: pointer;
}
.respond-uppics .view-img img {
    padding: 0;
}
.respond-uppics div.dele.a .del {
    background: url(images/common.png) no-repeat 0 -30px;
    width: 23px;
    height: 24px;
    display: inline-block;
    text-indent: -3000px;
}
.respond-icon{
	position:absolute;
	left: 10px;
	top: -10px;
	_top:-8px;
	color:#d5d5d5;
	font-size:16px;
	height:10px;
	overflow:hidden;
}
/*跟进评价*/
.flist-bpicbox {
    width: 46px;
    text-align: center;
    float: left;
    margin-right:20px;
	.flist-bpic {
		display: block;
		width: 46px;
		height: 62px;
		margin-top:0;
	}
    .bname {
		width: 48px;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
}
/*广播管理*/
.flist-manage{
	padding-left:52px;
	.icheckbox_minimal-grey,input{
		position:absolute;
		top:14px;
		left:-36px;
		input{
			top:0;
			left:0;
		}
	}
	.flist-single-in{
		.icheckbox_minimal-grey,input{
			top:24px;
			left:-94px;
			input{
				top:0;
			}
		}
	}
	.flist-content{
		min-height:64px;
	}
}
/**************************
 群组V2 20140726
 黄敏思
**************************/ 
.allgroup-box{
	.col-right{
		margin-top:0;
	}
	&.old{
		.colbody{
		position:relative;
		padding-right:210px;
		}
		.col-right{
			top:0;
			right:0;
		}
	}
}
/*成员*/
.group-chatroom-member{
	li{
		float:left;
		margin:8px 0;
		width: 216px;
		min-height: 62px;
		padding: 11px 9px;
		&.active{
			border: 1px solid #ccc;
			background: #f2f2f2;
			padding: 10px 8px;
		}
		.mb-info{
			width: 150px;
			p{
				width: 150px;
				font-weight: normal;
				white-space: nowrap;
				overflow: hidden;
				-o-text-overflow: ellipsis;
				text-overflow: ellipsis;
				vertical-align: bottom;
			}
		}
		.opbtn{
			padding:1px 6px;
			margin-bottom:0;
			margin-top:2px;
		}		
	}
}
/*左侧栏模块*/
.mod-leftbar{
	//position:fixed;
	top: 52px;
	left: 0;
	height:100%;
	z-index: 15000;
	width: 42px;
	background: #7C8994;
	border-right:solid 2px #eee;
}
.leftbar{
	color: #fff;
	padding-top: 100px;
	li{
		a{
			position:relative;
			i{
				padding:12px;
				margin-right:8px;
				display:inline-block;
				width:16px;
				height:16px;
				background:#7C8994 url(images/button1.png) no-repeat 10px -1023px;
				position:relative;
				z-index:2;
			}
			span{
				position:absolute;
				background:#7C8994;
				padding:10px 6px 10px;
				width:100px;
				right:112px;
				top:0;
				z-index:1;
				em{
					display:block;				
					overflow:hidden;
					-o-text-overflow: ellipsis;
					text-overflow: ellipsis;
					white-space:nowrap;
				}
			}
			&:link,&:visited{
				color:#fff;
				font-size:14px;
				display:block;
				text-decoration:none;
			}
			&:hover,&:active{
				background:#666;
			}
			&.disabled{
				cursor:default;
				background-color:#7C8994;
				i,span em{
					-moz-opacity: 0.4;
					Opacity: 0.4;
					filter: ~"alpha(opacity:40)";
					-ms-filter: "alpha(Opacity=40)";					
				}
			}
			&.bar-title{
				margin-top:22px;
				border-top:solid 1px #aaa;
				font-weight:bold;
				margin-left:8px;
				margin-right:8px;
				i{
					margin-right:0;
					background:none;
				}
				&.disabled{
					-moz-opacity: 1;
					opacity: 1;
					filter: ~"alpha(opacity:100)";
					-ms-filter: "alpha(Opacity=100)";
					span{
						display:none;
					}
				}
			}
			&.bar-line{
				border-top:solid 1px #aaa;
				margin:13px 8px;
				&.disabled{
					-moz-opacity: 1;
					opacity: 1;
					filter: ~"alpha(opacity:100)";
					-ms-filter: "alpha(Opacity=100)";
				}
			}
		}
		&:hover{
			a{
				i{
					background-color:#666;
				}
				span{
					right:-112px;
					background:#666;
				}				
				&.disabled{
					background-color:#7C8994;
					i{
						background-color:transparent;
					}
					span{
						background-color:#7C8994;
					}
				}
			}
		}
	}
	&.icon-white{
		.icon-op-plus{
			background-position:10px -1023px;
		}
		.icon-op-heart{
			background-position:10px -857px;
		}
		.icon-op-star{
			background-position:10px -1091px;
		}
		.icon-op-star-full{
			background-position:10px -1125px;
		}
		.icon-op-friends{
			background-position:10px -781px;
		}
		.icon-op-note{
			background-position:10px -889px;
		}
		.icon-op-pen{
			background-position:10px -989px;
		}
		.icon-op-envelope{
			background-position:10px -632px;
		}
		.icon-op-photo{
			background-position:10px -956px;
		}
		.icon-op-flag{
			background-position:11px -668px;
		}
		.icon-op-close{
			background-position:10px -530px;
		}
		.icon-op-left{
			background-position:10px -925px;
		}
		.icon-op-right{
			background-position:10px -1056px;
		}
		.icon-op-follow-white{
			background-position:10px -741px;
		}
		.icon-op-fw{
			background-position:10px -823px;
		}
		.icon-op-eye{
			background-position:10px -703px;
		}
		.icon-op-dialog{
			background-position:10px -142px;
		}
		.icon-op-male{
			background-position:10px -238px;
		}
		.icon-op-home{
			background-position:10px -274px;
		}
		.icon-op-download{
			background-position:10px -563px;
		}
		.icon-op-sendenvelope{
			background-position:10px -595px;
		}
		.icon-op-export{
			background-position:11px -1421px;
		}
		.icon-op-upfile{
			background-position:11px -1464px;
		}
		.icon-op-lockfile{
			background-position:11px -1558px;
		}
		.icon-op-unlockfile{
			background-position:11px -1508px;
		}
		.icon-op-confirmfile{
			background-position:11px -1642px;
		}
		.icon-op-reconfirmfile{
			background-position:11px -1602px;
		}
	}
	
}
.gobackbtn{
	position:absolute;
	top:20px;
	left:0px;
	width:142px;
	padding-right:6px;
	padding-top:10px;
	padding-left:41px;
	height:30px;
	background:url(images/share.png) no-repeat 10px -620px;
	span{
		display:none;
		font-size:14px;
		color:#fff;		
	}
}
	
/*列表*/
.icon-g-img {
    width: 48px;
    height: 48px;
    display: inline-block;
}
.group-list-my {
  margin-left: 16px;
  _width: 571px;
  li{
	margin-bottom: 6px;
	h2{
		font-size: 18px;
		font-family: "微软雅黑";
		font-weight: normal;
	}
	&.owner{
		i{
			margin-right:20px;
		}
	}
  }
}
.group-check{
	width:100%;
	position:relative;	
	margin-bottom:8px;
	h2{
		color:#333;
		margin-bottom:4px;
	}
	.group-list-my{
		max-width:88%;
	}
	.gc-btn{
		display:block;
		position:absolute;
		right:10px;
		bottom:6px;
		visibility:hidden;
	}	
}
.gc-hover{
	cursor:pointer;
	&:hover{
		background:#f2f2f2;
		.gc-btn{
			visibility:visible;
		}
	}
}
/*详情-header*/
.nav-sub-group {
	background:#428bca;
	.border-radius(5px 5px 0 0);
    height: 100px;
    color: #fff;
}
.nav-sub-group h2 {
    float: left;
    font-size: 24px;
    margin: 30px 0 0 90px;
	position:relative;
	img{
		position:absolute;
		left:-60px;
		top:-9px;
	}
}
.nav-sub-group ul {
    float: right;
    margin: 10px 20px 0 0;
}
.nav-sub-group ul li {
    width: 92px;
    height: 86px;
    float: left;
    text-align: center;
}
.nav-sub-group ul li a:link,
.nav-sub-group ul li a:visited {
    color: white;
    display: block;
    padding-top: 6px;
}
.nav-sub-group ul li .on,
.nav-sub-group ul li .bon,
.nav-sub-group ul li .menu-on,
.nav-sub-group ul li a:hover,
.nav-sub-group ul li a:active {
    background: url(images/group.png) no-repeat 0 0;
    width: 92px;
    height: 80px;
    text-decoration: none;
}
.nav-sub-group ul li span {
    display: block;
    padding-top: 2px;
}
.hlist-dropbox {
    width: 160px;
    display: none;
    background: #428bca;
	margin-top:4px;
	.boxShadow(0 2px 4px #225683);
	&.hd-lg{
		width:190px;
		margin-top:-1px;
	}
}
.hlist-dropbox li {
    height: 38px;
}
.hlist-dropbox li a:link,
.hlist-dropbox li a:visited {
    display: block;
    height: 38px;
    line-height: 38px;
    padding-left: 16px;
    color: #fff;
    text-decoration: none;
}
.hlist-dropbox li a:hover,
.hlist-dropbox li a:active {
    background: #357ebd;
}
.icon-g-gb,
.icon-g-fy,
.icon-g-cy,
.icon-g-lyb,
.icon-g-gl {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(images/group.png) -107px -8px;
}
.icon-g-gb {
    background-position: -107px -8px;
}
.icon-g-fy {
    background-position: -146px -8px;
    
}
.icon-g-cy {
    background-position: -187px -8px;
}
.icon-g-lyb {
    background-position: -229px -8px;
}
.icon-g-gl {
    background-position: -267px -8px;
}
/*游客访问*/
.infotips{
	background: #FCF8E3;
	border:solid 1px #FAEBCC;
	padding:2px 8px;
	color: #8A6D3B;
	font-size: 13px;
    _font-size: 12px;
	line-height: 20px;
    position: relative;
    display: inline-block;
}
span.dbtn, a.dbtn {
	color: #fff;
	text-decoration: none;
	height: 28px;
	line-height: 28px;
}
.dbtn{
    padding: 6px 24px;
    color: #fff;
    cursor: pointer;
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #41a8f8;
    background-color: #41A8F9;
    background-repeat: repeat-x;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.dbtn.hover,
.dbtn:hover{
    border: 1px solid #0A9FD2;
    color: #ffffff;
    background-color: #0A9FD2;
    background-repeat: repeat-x;
}
/*群组帮助*/
.g-info-list {
	li{
		margin-bottom: 8px;
		&.top{
			label,span{
				display:inline-block;
				vertical-align:top;
			}
			span{
				width:100px;
			}
		}		
	}
}
/*创建群组按钮*/
.icon-red-triangle {
    background: url(images/group.png) no-repeat -107px -62px;
    width: 10px;
    height: 16px;
    display: inline-block;
    margin-left: 66px;
    vertical-align: middle;
}
.btn-create-group,
a:link.btn-create-group,
a:visited.btn-create-group {
    color: #D0320E;
    font-size: 18px;
    font-weight: bold;
    font-family: "微软雅黑";
    width: 182px;
    height: 26px;
    line-height: 26px;
    padding: 8px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    .border-radius;
    text-decoration: none;
    display: inline-block;
	&.disabled {
		cursor: default;
		background: #ddd;
		color: #666;
		.icon-red-triangle{
			background-position:-146px -62px;
		}
	}
	&.bcg-lg{
		width:228px;
	}
}
/*成功页面*/
.sc-inner{
	border:1px solid #BCE8F1;
	padding:30px 32px;
	background:#D9EDF7;
    width: 780px;
	height:100px;
	font-size:14px;
	margin:auto;
}
.sc-inner.warntip {
    background: #f2dede;
}
.sc-icon{
	float:left;
	width:120px;
	text-align:center;
}
.sc-without-icon{
    background: url(images/tips/without.png) no-repeat;
	width:100px;
	height:100px;
	display:inline-block;
}
.sc-ct{
	float:left;
	width:600px;
	line-height:30px;
}
.sc-ct h2{
	margin:0 0 6px 0;
	color:#3A87AD;
}
/*侧边栏-群组成员*/
.g-users{
	li{
		margin: 7px;
		float: left;
		a:link,a:visited{
			display: block;
		}
		&.gu-none{
			float:none;
			margin:0;
		}
	}
}
.g-more {
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
    height: 60px;
    width: 44px;
    border: solid 1px #ccc;
    background: #f2f2f2;
    display: block;
    text-align: center;
	span{
		margin-top: 20px;
		display: inline-block;
		color: #999;
	}
}
/*群组权限设置*/
.pstet-group{
	.pset-box{
		padding-left:0;
		table{
			margin:0 6px 20px 6px;
		}
	}
}
.pstet-group-manage{
	.subtab.m20{
		font-size:14px;
		color:#333;
		margin:10px 0;
		background: none;
		padding: 0;
		&:first-child{
			margin:0 0 10px 0;
		}
	}
	.pset-box{
		padding-left:0;
		table{
			margin: 0 12px 12px 0px;
		}
	}	
}

/*快速导航*/
.cs-content-header{
    color:#666;
    padding: 4px 12px;
    background-color: whiteSmoke;
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(to bottom, white, #E6E6E6);
    background-repeat: repeat-x;
    border-top: 1px solid #3F3F3F;
    border-right:1px solid #bbb;
    border-left:1px solid #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
    position: relative;
	input{
		vertical-align:middle;
	}
}
.cs-content {
    margin: 12px 40px;
}
.cs-content-list {    
    border: solid 1px #C9C9C9;
	margin:0;
	min-height:200px;
}
.cs-content-list tr {
    padding: 20px 0;
}
.cs-content-list p {
    color: #666;
    margin-bottom: 6px;
}
.cs-content-list span {
    color: #666;    
}
.cs-content-list p span {
    display: inline-block;
    width: 460px;
    word-break:break-all;
	word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cs-content-list em {
    margin: 0 6px;
    color: #ddd;
    font-size: 10px;
}
/*添加业主*/
.icon-smallcheck {
    background:url(images/oav2/checkbox.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.icon-smallcheck.checked {
    background-position: -40px 0;
}
.client-table{
	border:1px solid #e4e4e4;	
	.client-table-inner{
		padding:4px 10px;
		max-height:166px;
		overflow:auto;
		tr.hoveron{
			.icon-smallcheck{
				background:url(images/oav2/checkbox.png) no-repeat -20px 0;
				&.checked {
					background-position: -40px 0;
				}
			}		
		}
		.client-table-follow{
			margin-left:12px;
			float:left;
			width:346px;
			height:40px;
			overflow:hidden;
			color:#808080;
		}
	}	
}
.client-table-header{
	background:#f2f2f2;
	padding:6px 10px;
	font-size:12px;
	color:#666;
}

.qtable {
    height: 200px;
    padding: 6px;
    overflow: auto;	
}
.qtable td {
    border: solid 2px #fff;
    cursor: pointer;
}
/**首字母筛选***/
.letter-sort{
	padding:0;
	margin-bottom:6px;
	span{
		a{
			&:link,&:visited{
				padding:6px;
				font-size:14px;
				font-family:arial;
				text-decoration:none;
			}
			&:hover,&:active,&.on{
				background:#C9625F;
				color:#fff;
			}
		}
	}
}
/********************
 任务统计   20141017
 add by 黄敏思
********************/
.count-linebox{
	border-top:1px dashed #ccc;
	padding:10px 10px 0;
	li{
		float:left;
		margin-right:24px;
		min-height:28px;
		label{
			color: #555;
			vertical-align:middle;
			display:inline-block;
		}
		span{
			display: inline-block;
			vertical-align: middle;
			span{
				display:inline;
			}
		}
		&.rt{
			float:right;
			margin:6px 0;
		}
		li{
			margin-right:0;
		}
	}
}
.sub-count{
	height:42px;
	line-height:42px;
	padding:0 10px;
	font-size:14px;
	font-family:"微软雅黑";
	color:#333;
	background:#f2f2f2;
	margin-bottom:10px;
	.count-btn{
		line-height:20px;
		*display:inline;
		a{
			&:link,&:visited{
				padding:0 18px;
				font-size:12px;
				font-weight:normal;
			}
		}
	}
	span{
		display:inline-block;
		vertical-align:middle;
		span,label{
			font-size:12px;
			font-weight:normal;
		}
		label{
			display:inline-block;
			vertical-align:middle;
		}
	}
}
.count-btn{
	li{
		float:left;
		a{
			&:link,&:visited{
				padding:3px 8px;
				border:1px solid #8a8a8a;
				background:#999;
				color:#fff;
				float:left;
				margin-right:-1px;
				text-decoration:none;				
			}
			&:hover,&:active{
				background:#8a8a8a;
			}
		}
		&.on{
			a{
				&:link,&:visited{
					border:1px solid #5a5a5a;
					background:#666;
				}
			}
		}
		&.cb-left{
			a:link,a:visited{
				-moz-border-radius: 4px 0 0 4px;
				-webkit-border-radius: 4px 0 0 4px;
				border-radius: 4px 0 0 4px;
			}			
		}
		&.cb-right{
			a:link,a:visited{
				-moz-border-radius: 0 4px 4px 0;
				-webkit-border-radius: 0 4px 4px 0;
				border-radius: 0 4px 4px 0;
			}			
		}
	}	
}
.count-all-type{
	margin:0 12px;
	li{
		float:left;
		margin:0 16px 10px 0;
		padding:10px;
		border:1px solid #e4e4e4;
		p{
			margin-bottom:10px;
			label{
				font-size:18px;
				color:#444;
				font-family:"微软雅黑";
			}
			.ac-font{
				color:#555;
			}
			.ac-num{
				font-size:16px;
				font-family:Arial;
				vertical-align:bottom;
			}
		}
		div.rate {
			width: 220px;
			height: 18px;
			background: #c9c9c9;
			position: relative;
			div.red{
				background: #e74c3c;
				height: 18px;
			}
			div.green{
				background: #5cb85c;
				height: 18px;
			}
			div.percent{
				width: 220px;
				height: 18px;
				line-height:18px;
				position:absolute;
				top:0;
				left:0;
				text-align:center;
				color:#fff;				
			}
		}
	}
}
.tab-count{
	border-bottom: solid 1px #C8625F;
	span{
		color: #fff;
		margin-bottom: -1px;
		_position: relative;
		background: @red;
		display: inline-block;
		padding: 2px 8px 3px 8px;
		text-align: center;
		font-weight: normal;
	}	
}
.count-tables-box{
	margin:0 12px;
}
.count-table{
	width:372px;
	float:left;
	margin:0 16px 10px 0;
	&.w100{
		width:69%;
		margin:0;
		min-width:886px;
	}
	table{
		tr{
			th{
				color: @red;
				padding: 6px 8px;
				text-align: left;
				border-bottom: solid 1px #e4e4e4;
			}
			td{
				border-bottom: dashed 1px #e4e4e4;
				padding: 6px 0 6px 14px;
				font-family:Arial;
				color:#444;
				text-align:left;
				&.t-depart{
					font-family:"宋体";
					color:#555;
					padding: 6px 8px;
					a{
						&:link,&:visited{
							color:#555;
						}
						&:hover,&:active{
							color:@red;
						}
					}
				}
				&.t-order{
					color:@red;	
					padding: 6px 8px;	
					font-size:13px;					
				}				
			}
			&.bold{
				th,td{
					font-weight:bold;
				}
			}
		}		
	}
}
.count-canvas-box{
	position:relative;
	margin:0 12px;
	.count-canvas{
		float:left;
		width: 400px; 
		margin-right:16px;
		margin-bottom:16px;
		h4{
			font-size:14px;
			color:#555;
			text-align:center;
		}		
	}
}
.count-ctip{
	&.t-pstn{
		position: absolute;
		right: 10px;
		top: -42px;
	}		
	span{
		display:inline-block;
		margin-left:6px;
		.ct-lump{
			display:inline-block;
			padding:1px;
			border:1px solid #d9d9d9;
			vertical-align:middle;
			margin-right:2px;
			.ct-l,.ct-lon{
				display:inline-block;
				width:16px;
				height:12px;
				background:#c9c9c9;
			}
			.ct-lon{
				background:@linkcolor;
			}
		}		
	}
	label{
		vertical-align:middle;
		cursor:pointer;
	}
	&.lt{
		float:left;
		margin-left:24px;
		margin-top:8px;
		width:206px;			
		h5{
			background:#eee;
			font-size:12px;
			padding:4px 12px;
			color:#666;
		}
		ul{
			padding:8px 12px;
			max-height:200px;
			overflow:auto;	
		}
		li{
			width:100%;
			display:block;
			margin-bottom:10px;			
		}
		span{
			display:inline-block;
			width:82%;
			label{
				max-width:82%;
				display:inline-block;
				white-space:nowrap;
				overflow:hidden;
				-o-text-overflow: ellipsis;
				text-overflow: ellipsis;
			}
		}
	}
	&.t-height{
		border:1px solid #e4e4e4;
		background:#fafafa;
	}
}
.count-chartbox{
	width:100%;
	overflow:hidden;
	.count-chart{
		width:76%;
		min-width:896px;
		margin:20px 0 20px 20px;
		h4{
			font-size:14px;
			color:#555;
			text-align:center;
			margin-bottom: 10px;
		}	
		&.small{
			width:69%;
			min-width:886px;
		}
	}
	&.small{
		.count-chart{
			margin:20px 0 20px 20px;
		}		
	}
}
.icon-task-link{
	display:inline-block;
	width:18px;
	height:20px;
	background: url(images/simple.png) no-repeat 0 -430px;
	text-indent:-2000em;
	margin-left:4px;
	vertical-align:middle;
}
/*群组消息 20141018 黄敏思*/
.widget-content{
	.fbold{
		font-weight:bold;		
	}
	&.read{
		.fbold{
			font-weight:normal;
		}			
	}
}

.flist-single {
	padding: 8px 8px 0 66px;
	margin-top:10px;
	border-top:1px solid #d9d9d9;
	min-height:66px;
	&.flist-single-first{
		margin-top:0;
		border-top:0;
	}
	.flist-single-in {
		position: relative;
		_width: 572px;				
		.flist-broker {
			width: 46px;
			height: 46px;
			overflow:hidden;
			position: absolute;
			left: -64px;
			top: 4px;
			_top:0;
		}	
		.preview-img{
			display:inline-block;
			margin: 4px 6px 4px 0;
		}
	}
}
.flist-single.fl-hover{
	padding: 6px 0 0 0;	
	margin-top:6px;
	.flist-hover{
		padding: 2px 0 5px 66px;
		cursor:pointer;
		min-height:66px;
		&:hover{
			background:#E9F3FF;		
			.avatar-circle{
				background-position: -141px -102px;
			}
		}
	}		
}

.flist-mine{
	.flist-mine-one{
		position: relative;		
		border-bottom:1px solid #d9d9d9;
		&:first-child{
			margin-top:0;
		}
		.fmo-hover{
			min-height:52px;
			padding: 8px 0 8px 66px;
			cursor:pointer;
		}	
		&.on{
			.fmo-hover{
				background:#f9f9f9;
				.avatar-circle{
					background-position: -154px -181px;
				}
			}			
		}
		&:hover{
			.fmo-hover{
				background:#E9F3FF;
				.avatar-circle{
					background-position: -141px -102px;
				}
			}
		}	
		.flist-broker{
			width: 46px;
			height: 46px;
			overflow:hidden;
			position: absolute;
			left: 0;
			top: 8px;			
		}
	}
}
.fm-reply{
	width:82%;
	float:left;
	li{
		i{
			color:#999;
		}
		&:first-child{
			margin-bottom:6px;
			line-height:1.7em;
			span.lt{
				color:#333;
				width:93%;
			}
		}
	}
}
.fm-name{
	display:inline-block;
	vertical-align:middle;
	width:42px;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	margin-right:8px;
	&.fn-sm{
		width:36px;
		margin-right:0;
		vertical-align:top;
	}
}
.fm-mian{
	width:150px;
	background:#f2f2f2;
	overflow:hidden;
	float:right;
	p{
		margin:6px;
		max-height:57px;
		color:#8C8C8C;
		&.red{
			color:#c33;
		}
	}
	img{
		display:block;
	}
}
/*区域均价*/
.price-areabox{
	display:inline-block;
	width:90%;
	vertical-align:top;	
}
.price-area{
	border:1px solid #e4e4e4;	
	width:874px;	
	.price-chart{
		padding:6px 10px;
		background:#fdfdfd;
	}
	h4{
		color:#666;	
		background: #eee;
		font-size: 12px;
		padding: 4px 12px;
	}
	.price-select{
		float:right;
		li{
			margin-top:8px;
		}
		h5{
			font-size:12px;
			color:#808080;
			font-weight:normal;
		}
	}
}
/**电视水牌***/
.tv-preview{
	width:1009px;
	height:653px;
	padding:12px;
	margin:auto;
	background:url(images/oav2/tv.png) no-repeat center bottom;
}
/*群组选择*/
.dy-ct-hei160 {
    height:160px;
	overflow:auto;
}
/*成交报告*/
.icon-glock,
.icon-gunlock{
	display:inline-block;
	width:12px;
	height:15px;
	background:url(images/simple.png) no-repeat 0 -800px;
	vertical-align:text-bottom;
	margin-left:2px;
}
.icon-gunlock{
	background-position:0 -832px;
}
.icon-gdocument{
	width:64px;
	height:64px;
	display:inline-block;
	background:url(images/common.png) no-repeat 0 -496px;
}
/*关联需求*/
.related-demandbox{
	background:#f4f4f4;
	padding:4px;
	.tip-none{
		&.small{
			margin:0 auto;
		}
	}
	.mark-softblue{
		margin-top:2px;
	}
}
.related-demand{
	.icon-demand-pic{
		float:left;
	}
	h2{
		float:left;
		margin:0 6px;
		a{
			&:link,&:visited{
				font-size:12px;
				font-weight:normal;
				color:#666;
			}
		}
	}
	a{
		&:link,&:visited{
			&.related-deleted{
				float:left;
				text-decoration:underline;
				padding:0 4px;
			}
		}
	}

}
.XQBox{
	padding: 20px; 
	position: absolute; 
	display: none; 
	left: 0; 
	top: 0;
	background: #fff;
	width: 300px;
	border: 1px #ddd solid;
	p{
		line-height: 1.5; 
		margin-bottom: 5px; 
		word-break: break-all; 
		word-wrap: break-word;
		label{
			width: 15%; 
			display: inline-block;
			vertical-align: top;
		}
		span{
			width: 85%;
			display: inline-block
		}
	}
}

//订单详情

/*订单详情*/
.orderDetail-wrap {
  border-width: 1px 0px 1px 1px;
  border-style: solid none solid solid;
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 10px;
}
.orderDetail-wrap table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
.orderDetail-wrap table td {
  border-right: 1px solid #DDD;
}
.orderDetail-wrap table .order-info {
  width: 300px;
  vertical-align: top;
}
.orderDetail-wrap table .order-info .title {
  padding-left: 20px;
  height: 34px;
  border-bottom: 1px solid #DDD;
  background-color: #F5F5F5;
  line-height: 34px;
  width: 280px;
  color: #333;
  font-size: 12px;
  font-weight: 700;
}
.orderDetail-wrap table .order-info ul {
  list-style: none;
  padding: 0;
  padding-bottom: 15px;
  margin: 0;
}
.orderDetail-wrap table .order-info li {
  width: 236px;
  line-height: 1.5;
  margin: 10px 8px 0px 20px;

}
.orderDetail-wrap table .order-info li.line{
    height: 8px;
    border-bottom: 1px dashed #ddd;
    margin: 0;
    width: 100%;
}
.orderDetail-wrap table .order-info .info-title {
  width: 62px;
  display: inline-block;
  vertical-align: top;
}
.orderDetail-wrap table .order-info .info-content {
  width: 162px;
  display: inline-block;
  color: #666;
}
.orderDetail-wrap table .order-status {
  padding: 20px;
  vertical-align: top;
}
.orderDetail-wrap table .order-status .reason textarea {
  border: 1px solid #ddd;
  min-width: 600px;
  padding: 15px;
  color: #888;
}
.orderDetail-wrap table .order-status .reason button {
  margin-top: 10px;
  margin-right: 10px;
  background-color: #F5F5F5;
  border: 1px solid #ededed;
  color: #666;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
}
.orderDetail-wrap table .order-status .reason button:hover {
  background-color: #e3e3e3;
  color: #888;
}
.orderDetail-wrap table .order-status .status-title {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 32px;
  background: url(images/tips.png) no-repeat 3px -90px;
}
.orderDetail-wrap table .order-status .status-info {
  margin: 20px 0 30px 34px;
}
.orderDetail-wrap table .order-status .status-info a {
  margin: 0 12px;
}
.orderDetail-wrap table .order-status .status-info p {
  margin-bottom: 16px;
}
.orderDetail-wrap table .order-status .status-info p em {
  font-weight: bold;
  color: red;
}
.goods-detail {
  background-color: #fff;
  margin-bottom: 10px;
}
.goods-detail .bought-header {
  margin: 0;
  padding: 0;
  border: 1px solid #DDD;
  text-align: center;
  height: 28px;
  line-height: 28px;
}
.goods-detail .bought-header dd {
  float: left;
  padding: 0;
  margin: 0;
}
.goods-detail .bought-header .header-item {
  width: 69%;
}
.goods-detail .bought-header .header-count {
  width: 15.3%;
}
.goods-detail .bought-header .header-intergral {
  width: 15.3%;
}
.goods-detail .bought-list-content {
  margin: 0;
  padding: 0;
  width: 100%;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0px;
}
.goods-detail .bought-list-content .content-item {
  width: 678px;
  border-right: 1px solid #ddd;
}
.goods-detail .bought-list-content .content-item li {
  padding: 14px 0px;
  height: 52px;
  border-top: 1px solid #ddd;
}
.goods-detail .bought-list-content .content-item li:first-child {
  border-top: 0;
}
.goods-detail .bought-list-content .content-item .item-img {
  margin: 0px 10px 0px 25px;
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 50px;
  height: 50px;
  border: 1px solid #E9E9E9;
}
.goods-detail .bought-list-content .content-item .item-img img {
  width: 50px;
  max-height: 50px;
}
.goods-detail .bought-list-content .content-item .item-name {
  vertical-align: middle;
  text-align: left;
}
.goods-detail .bought-list-content .content-item .item-name a {
  color: #428BCA;
  display: block;
  height: 60px;
  overflow: hidden;
}
.goods-detail .bought-list-content .content-count {
  width: 150px;
  text-align: center;
  border-right: 1px solid #ddd;
}
.goods-detail .bought-list-content .content-intergral {
  width: 150px;
  text-align: center;
}
.intergral-total {
  padding: 0 20px;
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: right;
  color: #666;
}
.intergral-total em {
  padding-left: 10px;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  color: #F60;
}
.order-info-cancel .trea {
  width: 564px;
  height: 130px;
}
.orderStep {
  margin: 10px auto;
  padding: 20px 0 10px;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.orderStep ol {
  overflow: hidden;
}
.orderStep li {
  float: left;
  text-align: center;
}
.orderStep .step-name {
  padding: 3px 0px;
  font-weight: 700;
  color: #888;
}
.orderStep .step-no {
  height: 34px;
  line-height: 34px;
  font-family: "arial black";
  color: #FFF;
  font-size: 18px;
  background: transparent url(images/order-progress.png) no-repeat scroll 50% -102px;
}
.orderStep .step-time {
  margin-top: 10px;
  padding: 8px 0px;
  color: #999;
}
.orderStep .step-done .step-no {
  background-position: 50% -170px;
}
.orderStep .step-cur .step-name {
  color: #009349;
}
.orderStep .step-cur .step-no {
  background-position: 50% 0px;
}
.orderStep .step-first .step-cur .step-no {
  background-position: 50% -34px;
}
.orderStep .step-first .step-done .step-no {
  background-position: 50% -204px;
}
.orderStep .step-last .step-cur .step-no {
  background-position: 50% -68px;
}
.orderStep .step-last .step-no {
  background-position: 50% -136px;
}
.orderStep .flowstep-3 li {
  width: 33%;
}
/*订单详情end*/
/*顶部icon*/
.edit-bpic {
    display: inline-block;
    width: 34px;
    height: 34px;
    overflow: hidden;
    position: relative;
    margin:6px;
}
.icon-broker-circle {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url(images/share1.png) no-repeat 0 -512px;
    position: absolute;
    top: 0;
    left: 0;
}
/************************
  tab V4
*************************/
.tab-lborder {
    border-bottom:1px solid @red;
    margin-bottom:12px;
    &.tlb-mgb0{
        margin-bottom:0;
    }
    li{
        float: left;
        margin-top:4px;
        height:24px;
        &.tlb-last{
            float: right;
            margin-top:-4px;
            input{
                vertical-align:middle;
            }
            .btn{
                background:#666;
                .borderfunction(1px,#5a5a5a);
                &:hover{
                    background:#555;
                    .borderfunction(1px,#4a4a4a);
                }
            }
        }
        &.rt{
            float:right;
        }
        span{
            font: 16px/20px "微软雅黑";
            color:@white;
            background-color:@red;
            padding:4px 12px;
            *display:inline-block;
            *padding:2px 12px;
            span{
                background-color:none;
                padding:0;
                color:#ddd;
            }
        }
        a{
            &:link,&:visited{
                text-decoration: underline;
                &.picup-upload{
                    text-decoration: none;
                }
            }
            &:hover,&:active{
                text-decoration: none;
            }
        }
    }
}

.nomargin{
    .dhouse-operatebox{
        margin:0;
    }
}

.dhouse-operatebox{
    transition: max-height .3s;
    max-height: 40px;
    background: #fff;
    overflow: hidden;
    margin-bottom:12px;
    &.open{
        max-height: 200px;
        .moreitem{
            position: absolute;
            right: 0;
            top: 0;
            span:after{
                  content: "\e61f";
                  -webkit-transform: rotate(90deg);
                  -moz-transform: rotate(90deg);
                  -o-transform: rotate(90deg);
                  -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
            }
        }
    }
    .moreitem{
        position: absolute;
        right: 0;
        top: 0;
        span:after{
              min-width: 15px;
              text-align: center;
              -webkit-transition: transform .3s ease;
              -moz-transition: transform .3s ease;
              -o-transition: transform .3s ease;
              transition: transform .3s ease;
              content: "\e61f";
              font: normal normal normal 12px/1 iconfont;
              speak: none;
              font-style: normal;
              font-weight: 400;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              transform: translate(0, 0);
              position: relative;
              display: inline-block;
              float: right;
              margin-top: 1px;
              line-height: 21px;
        }
    }
}
.dhouse-operate{
    li {
        float: left;
        margin-right: 26px;
        margin-left:12px;
        a,a:link,a:visited{
            display: inline-block;
            height: 24px;
            line-height: 24px;
            _height: 12px;
            _line-height:12px;
            _padding: 5px 0;
            _border:0;
            text-align:center;
            text-decoration: none;
            &.disabled{
                background-position: -165px -270px;
                cursor: text;
                color: #999;
                &.large{
                    width: 100px;
                    background-position: -262px -270px;
                }
            }
            &.bon{
                color:@hovercolor;
            }
        }
    }
    &.top{
    position: fixed;
    top: 0;
    width: 980px;
    z-index: 999;
    }
    &.do_tool{
        background: #fff;
		padding-right: 92px;
		position: relative;
        font-family: "Microsoft YaHei";
        font-size:13px;
        &.newdo_tool{
            background: #e4e8ea;
            li{
                //padding:17px;
                a,a:hover{
                    min-width:40px;
                    background:#fff;
                    padding: 3px 9px;
                    border-radius:5px;
                    border:0;    
                    color: #666;
                    i.toolicon{
                        color:#3bb0ec;
                        vertical-align: unset;
                        padding:0 0 0 15px; 
                    }
                }
            }
        }
        &.p0,&.p1{
            padding: 5px 10px;
            height: 18px;
            .toolicon:after{
                content:"\e646";
              display: inline-block;
              width: 16px;
              font: normal normal normal 14px/1 iconfont;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              transform: translate(0, 0);
              -webkit-text-stroke-width: 0px;
              -webkit-transition: padding .1s;
              -moz-transition: padding .1s;
              transition: padding .1s;
              text-align: center;
              padding-right: 4px;
            }
        }
        &.p1{
            .toolicon:after{
                content:"\e65f";
            }
        }
        .toolicon{
              display: inline-block;
              width: 16px;
              font: normal normal normal 14px/1 iconfont;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              transform: translate(0, 0);
              -webkit-text-stroke-width: 0px;
              -webkit-transition: padding .1s;
              -moz-transition: padding .1s;
              transition: padding .1s;
              text-align: center;
              padding-right: 4px;
        }
        li{
           margin: 0;
         padding: 5px 6px;
           a{
            padding: 3px 6px;
               min-width: 68px;
               color: #444;
               text-align: left;
               i{
                   &+span{
                       &:before{
                          min-width: 15px;
                          text-align: center;
                          font: normal normal normal 12px/1 iconfont;
                          speak: none;
                          font-style: normal;
                          font-weight: 400;
                          text-rendering: auto;
                          -webkit-font-smoothing: antialiased;
                          -moz-osx-font-smoothing: grayscale;
                          transform: translate(0, 0);
                          position: relative;
                          display: inline-block;
                          float: left;
                          margin-top: 1px;
                          line-height: 21px;
                          margin-right: 3px;
                      }
                   }
                   &.icon-op-pen+span{
                       &:before{
                          content: "\e629";
                      }
                   }
                   &.icon-op-note+span{
                      &:before{
                          content: "\e62a";
                      }
                   }
                   &.icon-op-photo+span{
                      &:before{
                          content: "\e62d";
                      }
                 }
                 &.icon-op-flag+span{
                      &:before{
                          content: "\e62c";
                      }
                 }
                 &.icon-op-envelope+span{
                      &:before{
                          content: "\e628";
                      }
                 }
                 &.icon-op-heart+span{
                      &:before{
                          content: "\e627";
                      }
                 }
                &.icon-op-plus+span{
                       &:before{
                          content: "\e646";
                      }
                   }
        &.icon-op-star+span{
                      &:before{
                          content: "\e628";
                      }
                 }
        &.icon-op-star-full+span{
                      &:before{
                          content: "\e632";
                      }
                 }
        &.icon-op-friends+span{
                      &:before{
                          content: "\e63a";
                      }
                 }
        &.icon-op-close+span {
                      &:before{
                          content: "\e63e";
                      }
                 }
        &.icon-op-left+span{
                      &:before{
                          content: "\e647";
                      }
                 }
        &.icon-op-right+span{
                      &:before{
                          content: "\e648";
                      }
                 }
        &.icon-op-fw+span{
                      &:before{
                          content: "\e616";
                      }
                 }
        &.icon-op-eye+span{
                      &:before{
                          content: "\e631";
                      }
                 }
        &.icon-op-dialog+span{
                      &:before{
                          content: "\e638";
                      }
                 }
        &.icon-op-male+span{
                      &:before{
                          content: "\e628";
                      }
                 }
        &.icon-op-home+span{
                      &:before{
                          content: "\e625";
                      }
                 }
        &.icon-op-download+span{
                      &:before{
                          content: "\e649";
                      }
                 }
        &.icon-op-sendenvelope+span{
                      &:before{
                          content: "\e62b";
                      }
                 }
        &.icon-op-export+span{
                      &:before{
                          content: "\e647";
                      }
                 }
        &.icon-op-upfile+span{
                      &:before{
                          content: "\e64a";
                      }
                 }
        
               }
               
        &:hover{
            padding: 2px 5px;
            border-radius: 3px;
            border: 1px solid #e7e7e7;
            FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#f1f1f1); /*IE 6 7 8*/ 

            background: -ms-linear-gradient(top, #fff,  #f1f1f1);        /* IE 10 */
            
            background:-moz-linear-gradient(top,#fff,#f1f1f1);/*火狐*/ 
            
            background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f1f1f1));/*谷歌*/ 
            
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));      /* Safari 4-5, Chrome 1-9*/
            
            background: -webkit-linear-gradient(top, #fff, #f1f1f1);   /*Safari5.1 Chrome 10+*/
            
            background: -o-linear-gradient(top, #fff, #f1f1f1);  /*Opera 11.10+*/
        }
           }
           &.disabled{
               a{
               cursor: default;
               i{
                  opacity: 0.4;
                filter: ~"alpha(opacity:40)";
                _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
               }
               color:#999;
                &:hover{
                    background: #fff;
                }
            }
          }
       &.border{
            padding: 0px;
            margin-top: 13px;
            border-right: 1px solid #afafaf;
            height: 12px;
            width: 1px;
        }
        }
    }
}
/*header-弹框V4*/
.header-frame {
    border: 1px solid #b7b7b7;
    background: #fff;
    *width: 258px;
    position: relative;
}
.header-framebox {
    background: #e4e4e4;
    padding: 2px;
    width: 260px;
    display: none;
    margin-left: 11px;
    margin-top: 9px;
    &.framebox-large{
        width:auto;
        .header-warm{
            float:left;
            padding:6px;
        }
    }
    &.framebox-small{
        width:230px;
        margin-left:0;
    }
}

.header-titile {
    position: relative;
}
.header-titile i.icon-frameup {
    width: 17px;
    height: 14px;
    background: url(images/share2.png) no-repeat 0 -103px;
    display: inline-block;
    position: absolute;
    top: -12px;
    right: 26px;
}
.framebox-large{
    .header-titile i.icon-frameup{
        right:120px;
    }
}
.framebox-small{
    .header-titile i.icon-frameup{
        right:182px;
    }
}
.header-titile h3 {
    height: 40px;
    line-height: 40px;
    background: #eee;
    color: #666;
    font-size: 12px;
    padding-left: 10px;
    span{
        display:inline-block;
        width:48%;
        padding-left:4px;
    }
}
.header-titile h3 b {
    margin: 0 4px;
}
.header-more {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.header-fsearch {
    margin: 30px 16px;
    min-height: 270px;
    color: #999;
}
.header-fsearch li {
    margin-bottom: 10px;
}
.full-search {
    display: block;
    width: 184px;
    height: 33px;
    float: left;
}
.full-search .hid-text {
    width: 175px;
    height: 29px;
    line-height: 29px;
    *height: 28px;
    border: 1px solid white;
    padding: 0 2px;
    margin: 1px;
}
.full-button {
    display: block;
    width: 37px;
    height: 33px;
    float: left;
}
.full-button .hid-button {
    width: 37px;
    height: 33px;
    cursor: pointer;
    background: none;
    border: 0;
}
.header-warm {
    margin: 0 8px;
    width:230px;
    margin-right:20px;
}
.rate-wrap li{
    padding-bottom: 16px;
    border-bottom: 1px solid #f8f8f8;
}
.rate-wrap p {
    padding:9px 0 7px 0;  
    font-family:Arial;
    em{
        float:left;
    }
    i{
        float: right;
        margin-right: 4px;
    }
}

.rate-wrap li{
    padding-bottom: 16px;
    border-bottom: 1px solid #f8f8f8;
}
.rate-wrap p {
    padding:9px 0 7px 0;  
    font-family:Arial;
    em{
        float:left;
    }
    i{
        float: right;
        margin-right: 4px;
    }
}
div.rate {
    float: left;
    width: 220px;
    height: 18px;
    background: #e6e6e6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:relative;
}
div.rate div.red,
div.rate div.blue,
div.rate div.orange,
.rate div.green {
    background: #57B5E3;
    position:absolute;
    height: 18px;
    border-right:solid 1px #f5f5f5;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
}
div.rate div.orange {
    background: #FCB322;
    z-index:6;
}
div.rate div.green {
    background: #3CC051;
    z-index:5;
}
div.rate div.red {
    background: @red;
    z-index:7;
}
div.rate div.purple {
    border-right:0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}
.dtips{
    position:absolute;
    right: 20px;
    bottom: 20px;
    color: #808080;
}
.dred,
.dorange,
.dgreen
{
    display:inline-block;
    width:12px;
    height:12px;
    margin-right:3px;
}
.dred{
    background-color:@red;
}
.dorange{
    background-color:#FCB322;
}
.dgreen{
    background-color:#3CC051;
}
.ring-wrap{
    span{
        display:block;
        padding:30px 20px;
        font-family:"微软雅黑";
        font-size:14px;
        color:red;
        background-color:#e6e6e6;
        margin:10px;
        em{
            i{
                font-style:italic;
                font-size:24px;
                font-weight:bold;
                margin-right:3px;
            }           
            color:#428BCA;
            float:right;
        }
    }
}
.header-warm li div.lt {
    line-height: 18px;
    margin-left:22px;
}
.header-news {
    margin: 0 8px;
}
.header-news li {
    padding: 6px 0;
    border-bottom: 1px solid #f8f8f8;
}
.header-newsone {
    padding-left: 30px;
    position: relative;
    _width: 208px;
}
.header-newsone p.first {
    max-height: 42px;
    white-space: normal;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    vertical-align: top;
}
.header-newsone p.second em {
    float: left;
    color: #999;
}
.header-newsone p.second i {
    float: right;
    color: #999;
}
.icon-trumpet {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(images/share2.png) no-repeat 0 -149px;
    position: absolute;
    top: 4px;
    left: 0;
}
.header-personal {
    padding: 8px 8px 12px;

    &.newone {
        padding: 0;

        li {
            width: 100px;
            border-bottom: 1px solid #ccc;
            text-align: center;
            cursor: pointer;
            padding: 0;

            a {
                color: #666;
                padding: 4px 0;
                display: block;
            }

            &:hover {
                background: #ff4a4a;

                a {
                    color: #fff;
                }
            }

            &.distable {
                background: #f2f2f2;
                a {
                    color: #999;
                }
                &:hover {
                    background: #f2f2f2;

                    a {
                        color: #999;
                    }
                }
            }
        }
    }
}
.header-personal li {
    padding: 8px 0 8px 16px;
}
.header-personal li.last {
    border-top: 1px solid #ccc;
    margin-top: 6px;
}
.header-personal li a:link,
.header-personal li a:visited {
    text-decoration: none;
}
.icon-pergj,
.icon-perjf,
.icon-perzh,
.icon-pertc,
.icon-pmail {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/share2.png) no-repeat 0 -277px;
    margin-right: 16px;
    vertical-align: top;
}
.icon-perjf {
    background-position: 0 -309px;
}
.icon-perzh {
    background-position: 0 -245px;
}
.icon-pertc {
    background-position: 3px -341px;
}
.icon-pmail{
    background-position: 0 -373px;
}
/*app二维码*/
.appcode-btn{
    position: fixed;
    top: 141px;
    right: 0;
    width: 16px;
    line-height: 13px;
    background: #fff;
    border: 1px solid #eee;
    margin-right:-1px;
    padding: 8px;
    z-index:10;
    a{
        &:link,&:visited{
            display:block;
            text-decoration:none;
            text-align:center;
            i{
                display:block;
                width:16px;
                height:90px;
                background:url(images/appcode.gif) no-repeat 0 0;
            }
        }
    }
}
.appcodebox{    
    display: none;
    z-index: 666;
    width: 132px;
    background-color:white;
    border:solid #ccc 1px;
    padding:10px;
    margin-left:-154px;
    .appcode{
        margin-bottom:6px;
        width:130px;
        text-align:center;
    }
    .appcode-title{
        text-align:center;
    }
}
.header{
    font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    width: 100%;
    background-color: #fff;
    strong{
        font-weight: bold;
    }
}
.selectztree{
	margin-top: 0px;
    border: 1px solid #ccc;
    background: #fff;
    width: 320px;
    height: 360px;
	//z-index:1 !important;
	overflow-y: auto !important;
    overflow-x: hidden;
}
//新筛选栏
.filter-column{
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    margin-bottom: 16px;
    padding: 0 78px 0 0;
    .listsort-barinner {
          margin: 0;
          height: 38px;
          line-height: 38px;
        display: inline-block;
        li{
              margin-right: 0;
        }
    }
    .sort-type{
        height:38px;
        a{
            &:link,&.visited{
                height:38px;
                background-position: 10px -732px;
                &.sort-type-list{
                    background-position:10px -799px;
                }
                &.on{
                    background-position:10px -766px;
                    &.sort-type-list{
                        background-position:10px -837px;
                    }
                }
            }
        }
    }
}
.listsort-barright{
    margin-top: 6px;
}
.listsort-barinner {
    float: left;
    li{
        float: left;
        margin-right: 0;
        display: block;
        select{
            margin: 1px 4px 0 4px;
        }
        a{
            &:link,&:visited{
                color: #666;
                padding: 0 15px;
                border: none;
                text-decoration: none;
                display: block;
                background: none;
            border-right: 1px solid #f7f7f7;
                }
                &:hover,&:active{
                    background: #fff;
                    border-right: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                    margin:0 -1px;
                    color: #57aaff;
                }
            }
            &:first-child{
            &.active{
                a{
                    border-left:0 !important;
                    margin-left:0;
                }
            }
        }
        &.active{
            a{
        background: #fff;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
                &:link,&:visited{
                    color: #57aaff;
                    border: none;
                    border-left: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                    padding: 0 10px 0 15px;
                    &.down{
                        background: #fff;
                        &:after{
                          min-width: 15px;
                          text-align: center;
                          content: "\e637";
                          font: normal normal normal 11px/1 iconfont;
                          speak: none;
                          font-style: normal;
                          font-weight: 400;
                          display: inline-block;
                          margin-top: 1px;
                        }
                    }
                    &.up{
                          background: #fff;
                        &:after{
                          min-width: 15px;
                          text-align: center;
                          content: "\e636";
                          font: normal normal normal 11px/1 iconfont;
                          speak: none;
                          font-style: normal;
                          font-weight: 400;
                          display: inline-block;
                          margin-top: 1px;
                        }
                    }
                }
            }
        } 
    }
    &.newlistsort{
        width:100%;
        li{
            width:100%;
            &.active{
                a:link:after,a:visited:after{
                    min-width: 15px;
                    text-align: center;
                    content: "\e681";
                    font: normal normal normal 11px/1 iconfont;
                    speak: none;
                    font-style: normal;
                    font-weight: 400;
                    display: inline-block;
                    margin-top: 1px;
                }
                 a:link,a:visited,a:link.up,a:visited.up,a:link.down,a:visited.down{
                    padding: 0;
                    background: none;
                    border:0;
                    margin:0;
                    color:#666;
                }
                 a:link.up:after,a:visited.up:after{
                     content:'\e680';
                    font-weight: bold;
                 }
                 a:link.down:after,a:visited.down:after{
                     content:'\e73c';
                    font-weight: bold;
                 }
            }
        }
    }
}
.cur{
    i{
        &:after{
            min-width: 15px;
            text-align: center;
            content: "\e681";
            font: normal normal normal 11px/1 iconfont;
            speak: none;
            font-style: normal;
            font-weight: 400;
            display: inline-block;
            margin-top: 1px;
        }
        &.up-icon::after{
            content: "\e680";
        }
        &.down-icon::after{
            content: "\e73c";
        }
    }
}
/* 编辑需求弹窗*/
.tabdao {
	display:block;
	width:100%;
    height:53px;
	background:#666666;
	li{
		float:left;
		span{
			display:inline-block;
			margin:4px 0 0 20px;
			input,label{
				vertical-align:middle;
			}
		}
		a{
			&:link,&:visited{
				display:block;
				padding:15px 25px;
				line-height:23px;
				text-align:center;
				_display: inline-block;
				text-decoration:none;
				font-size:15px;
				color:#FFF;
				
				font-family:"微软雅黑","黑体";
			}
			&:hover,&:active{
				background-color:#E34444;
				color:#FFF;
			}
		}
		&.on{
			a:link,a:visited{
				color:#FFF;
				background-color:#E34444;
			}
		}
		&.first{
			padding:0 0 0 12px;
		}
		&.last{
			float: right;
			margin-right: 6px;
			a{
				&:link,&:visited{
					color:@linkcolor;
					font-size:12px;
					&.btn-grey{
						padding:4px 12px;
						color:#fff;
						.borderfunction;
						line-height:20px;
						height:20px;
						margin-top:5px;
						strong{
							font-weight:normal;
							font-family:"微软雅黑","黑体";
							font-size:20px;
							vertical-align:top;
							*vertical-align:middle;
						}
						&.active{
							background: #d9534f;
							border-color: #d43f3a;
						}
					}
				}
				&:hover,&:active{
					color:@hovercolor;
					background-color:transparent;
					border:0;
					&.btn-grey{
						color:#fff;
						background:#8a8a8a;
						.borderfunction;
						&.active{
							background: #d2322d;
							border-color: #ac2925;
						}
					}
				}
			}
		}
		&.droplist{
			a{
				&:link,&:visited{
					padding: 8px 28px 8px 15px;
					background: url(/style/images/list.png) no-repeat 81% -806px;
					&.bon{
						padding:7px 27px 8px 14px;
						border:1px solid #c75757;
						border-bottom:0;
						background-position:81% -770px;
						background-color:#f7f7f9;
					}
				}
				&:hover,&:active{
					background-color:#eee;
				}
			}
		}
	}
}

//房源列表页新版 赖永钊170104
.tabdao {
	display:block;
	width:100%;
    height:34px;
	background:#666666;
	li{
		float:left;
		span{
			display:inline-block;
			margin:4px 0 0 20px;
			input,label{
				vertical-align:middle;
			}
		}
		a{
			&:link,&:visited{
				display:block;
				padding:6px 12px 5px;
				line-height:23px;
				text-align:center;
				_display: inline-block;
				text-decoration:none;
				font-size:12px;
				color:#FFF;

				font-family:"微软雅黑","黑体";
			}
			&:hover,&:active{
				background-color:#E34444;
				color:#FFF;
			}
		}
		&.on{
			a:link,a:visited{
				color:#FFF;
				background-color:#E34444;
			}
		}
		&.first{
			padding:0 0 0 12px;
		}
		&.last{
			float: right;
			margin-right: 6px;
			a{
				&:link,&:visited{
					color:@linkcolor;
					font-size:12px;
					&.btn-grey{
						padding:4px 12px;
						color:#fff;
						.borderfunction;
						line-height:20px;
						height:20px;
						margin-top:5px;
						strong{
							font-weight:normal;
							font-family:"微软雅黑","黑体";
							font-size:20px;
							vertical-align:top;
							*vertical-align:middle;
						}
						&.active{
							background: #d9534f;
							border-color: #d43f3a;
						}
					}
				}
				&:hover,&:active{
					color:@hovercolor;
					background-color:transparent;
					border:0;
					&.btn-grey{
						color:#fff;
						background:#8a8a8a;
						.borderfunction;
						&.active{
							background: #d2322d;
							border-color: #ac2925;
						}
					}
				}
			}
		}
		&.droplist{
			a{
				&:link,&:visited{
					padding: 8px 28px 8px 15px;
					background: url(/style/images/list.png) no-repeat 81% -806px;
					&.bon{
						padding:7px 27px 8px 14px;
						border:1px solid #c75757;
						border-bottom:0;
						background-position:81% -770px;
						background-color:#f7f7f9;
					}
				}
				&:hover,&:active{
					background-color:#eee;
				}
			}
		}
	    &.distable{
            opacity:.5;
            a{
                cursor: default;
			    &:hover,&:active{
				    background-color:#666;
				    color:#FFF;
			    }
		    }
	    }
    }
}

.wrap-content {
  background: #fff;
  padding: 10px;
  border-top: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.wrap-content {
    background: #fff;
    padding: 10px;
    border-top: 0;
    .border-radius;
    &.wc-sm{
        padding:6px 10px;
    }
    &.wc-xm{
        padding:4px 10px;
    }
    &.wc-xs{
        padding:2px 10px;
    }
    &.no-radius{
        .border-radius(0 0 3px 3px);
    }
    &.wc-xl{
        padding:32px;
    }
}
#etable #PrivateDescription_tbl{
    min-width:940px;
}

//房源列表页新版 赖永钊170104
#options{
	.select2-simple2.select2-container .select2-choice .select2-chosen{
		width:auto;
	}
}
.s-tg{display:none;}
.house-wrap{
	.tabs li a:link,.tabs li a:visited{padding:8px 15px;}
	.wrap-content,.listsort-wrap{
		//padding-top:0;
		//padding-bottom:0;
	}
	.mod-wrap{margin-bottom:0;}
	.listsort-hselectedbox{padding:0 15px 0;position: relative;min-height: 35px;line-height: 35px;}
	.listsort-in li.lsi-hselected a:link.cdele, .lsi-hselected a:link.cdele, .listsort-in li.lsi-hselected a:visited.cdele, .lsi-hselected a:visited.cdele{
		margin:0 4px 4px 0;
		height:16px;
		line-height:16px;
	}
	.house-source{
		position:absolute;
		left:0;
		right:0;
		bottom:30px;
		top:170px;
		padding:0;
        -moz-user-select:none;/*火狐*/
        -webkit-user-select:none;/*webkit浏览器*/
        -ms-user-select:none;/*IE10*/
        -khtml-user-select:none;/*早期浏览器*/
        user-select:none;
        .table-list tr {
            th{
                .down::after,.up::after{
                    min-width: 15px;
                    text-align: center;
                    content: "\e636";
                    font: normal normal normal 11px/1 iconfont;
                    speak: none;
                    font-style: normal;
                    font-weight: 400;
                    display: inline-block;
                    margin-top: 1px;
                }
                .down::after{
                    content: "\e637";
                }
            }
            td{
                cursor:pointer;
                height:36px;
            }
        }
		.hs-content{
			top:31px;
			bottom:0px;
			padding:0;
			overflow:auto;
			background-color:#FFF;
			.hlist-listbox{
				>div{
					padding-bottom:50px;
				}
			}
			.table-list-ul{
				overflow:hidden;
				li{float:left;padding-left:5px;}
			}
			.dhouse-operatebox{
				overflow:visible;
				min-height:38px;
				height:auto;
				.dhouse-operate{
					padding:0!important;
					li{
						//float:none;
						a{
							//display:block;
							padding:0 3px;
							i{
								position: static;
							}
						}
					}
				}
				//i{display:none;}
			}
		}
        
		&.b114{
			.hs-content{
				bottom:90px;
			}
			.fix-foot{
				.ftoggle{
					color:#2D83C0;
					&:before{
						content:"隐藏详细";
					}
					&:after{
						background-position:0 -3132px;
					}
				}
			}
		}
		.btn{
			font-family:Microsoft Yahei;
			background:#666;
			.borderfunction(1px,#444);
			height: 30px;
			padding: 0 8px;
			margin:10px 0px 0 0;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#666666));
			background-image: -moz-linear-gradient(top, #555555, #666666);
			background-image: -ms-linear-gradient(top, #555555, #666666);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #666666));
			background-image: -webkit-linear-gradient(top, #555555, #666666);
			background-image: -o-linear-gradient(top, #555555, #666666);
			background-image: linear-gradient(top, #555555, #666666);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#666666', GradientType=0);
			&:hover{
				background:#555;
				.borderfunction(1px,#444);
				background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#555555));
				background-image: -moz-linear-gradient(top, #666666, #555555);
				background-image: -ms-linear-gradient(top, #666666, #555555);
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #555555));
				background-image: -webkit-linear-gradient(top, #666666, #555555);
				background-image: -o-linear-gradient(top, #666666, #555555);
				background-image: linear-gradient(top, #666666, #555555);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555', GradientType=0);
				_filter:none;
			}
		}
		.btn-inverse.drop-toggle{
			padding:0 6px;
			height:24px;
			line-height:24px;
		}
		.drop-menu{
			min-width:60px;
			width:230px!important;
			&.lh22{
				width:130px!important;
                &.more5{
                    width:180px!important;
                    ul{
                        li{
                            float:left;
                            width:90px;
                        }
                    }
                }
			}
		}
	
		.fix-foot{
			.ftoggle{
				width:100%;
				text-align:center;
				color:#666;
				background:#E6E6E6;
				cursor:pointer;
				position:relative;
				&:before{
					content:"展开详细";
				}
				&:after{
					content:"";
					display:block;
					width:20px;
					height:10px;
					background:url(/style/images/buttonx.png) no-repeat 0 -3122px;
					position:absolute;
					left:50%;
					margin-left:28px;
					margin-top:-15px;

				}
			}
			.col-main,.col-sub,.col-extra{
				display:none;
				.des-imgs{
						position: relative;
						padding-bottom: 5px;
						margin-bottom: 5px;
						border-bottom: 1px solid #E6E6E6;
						img{
							cursor: pointer;
			            }
						a:hover{
							color: transparent;
		                }
	            }
			}
		}
    }
	.table-list{
		tr{
			th{
				padding:5px 0;
			}
			td{
				padding:0;
				text-overflow:ellipsis; 
                word-break: break-all;
				//white-space:nowrap;
				//overflow:hidden;
				.table-list-ul{
					height:36px;
                    line-height:36px;
				}
			}
			&:hover,&.selected{
				td{
					background-color:#FFF2EF;
					&.red:before{
						content:"";
						display:block;
						position:absolute;
						margin-top:-9px;
						margin-left:-1px;
						width:0;
						height:38px;
						border-left:4px solid #E34444;
					}
				}
			}
		}
	}
	.b-table-list{
		tr{
			td{
				padding:4px;
				line-height:20px;
				border-color:#E5E5E5;
			}
		}
	}
}
//订单详情 符佳琦
.biaoTi{
	margin-top:40px;
    color: #131313;
}
.jiaoYiFuWu{
	background-image: url(/style/images/jiaoyifuwu.png);
	background-repeat:round;
	border-top:10px solid #F5F5F5;
	border-right:10px solid #F5F5F5;
	border-bottom:0px;
	border-left:10px solid #F5F5F5;
}
.anNiu{

    font-size: 28px;
    border: 1px solid #FFFFFF;
	color: #FFFFFF;
    width: 233px;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
}
.JRliJiShenQing{
	padding:29px 0px 30px 0px;
	border: solid 10px #F5F5F5;
	border-top:0px;
	font-size:18px;
	font-family: 微软雅黑;
}
.JRjianJie{
	color:#5A5A5A;
	font-family: 微软雅黑;
	line-height:32px;
	padding:12px 23px 23px 23px;
	border: solid 10px #F5F5F5;
	border-bottom:0px;
	border-top:0px;

}
.diYaJieKuan{
	background-image: url(/style/images/diyajiekuan.png);
	background-repeat:round;
	border-top:10px solid #F5F5F5;
	border-right:10px solid #F5F5F5;
	border-bottom:0px;
	border-left:10px solid #F5F5F5;
}
.upload-img{
	width:176px;
    height:134px;
	position:relative;
	float:left;
}
.emDelete{
    width: 23px;
    background: url(/style/images/delete.png) no-repeat;
    height: 23px;
    position: absolute;
	top:-10px;
	right:-10px;
}
.ejectemDelete{
    width: 20px;
    background: url(/style/images/delete14.png) no-repeat;
    height: 20px;
    position: absolute;
    float:right;
    margin-left:47px;
    margin-top:-5px;
    left: 7px;
}
.closeeject{
    width: 20px;
    background: url(/style/images/order_cancel.png) no-repeat;
    height: 20px;
    position: absolute;
	top:15px;
	right:15px;
    &:hover{
		opacity:1;
	}
}
.text-decoration:hover{
  text-decoration:none;
}


//类型筛选弹窗中按钮
.TypeShaiXuan{
	background:#fff;
	border:2px solid #E34444;
	color:#E34444;
	padding:8px 20px;
}

.imgtable {
	width:55px; 
	height:50px;
	float:left;
	padding: 7px 7px 0 7px;
	text-align: center;
	line-height:normal;
	overflow:hidden;
	display:block;
    position: relative;
}
/*编辑需求图片V4 20140708修改 黄敏思*/
.picup-tabbox {
    height: 36px;
    _overflow:hidden;
    position:relative;
}
.pt-last{
    position:absolute;
    right:0;
    bottom:4px;
    .picup-upload{
        *margin-left:6px;
    }
}

.icon-bupload,
.icon-btoin{
    background-image: url(/style/images/button1re.png);
    background-repeat: no-repeat;
    background-position: 7px -89px;
    &.picup-noclick{
        opacity: .7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(Opacity=70)";
    }
}
.icon-btoin{
    background-position: 7px -121px;
}
a{
    &:link,&:visited{
        &.picup-upload {
            color: #666;
            text-decoration: none;
            position:relative;
            .swfupload {
                width: 99px;
                height: 30px;
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                filter: ~"alpha(opacity:0)";
                overflow:hidden;
                cursor:pointer;
                _filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                z-index: 3;
            }
            &.picup-noclick{
                cursor:text;
                background-color:#f2f2f2;
                .borderfunction(1px,#ddd);
                color:#999;
                .swfupload{
                    cursor:default;
                }
            }
        }
    }
    &:hover,&:active{
        &.picup-upload{
            background-color:#f2f2f2;
            border:1px solid #999;
        }
    }
}
.picup-upload {
    display: inline-block;
    padding: 7px 10px 7px 30px;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    .border-radius;
    &.short-a {
        padding: 4px 8px;
    }
}
.picup-picbox {
    background: #fff;
}
.picup-piclist {
    float: left;
    width: 209px;
    height: 229px;
    margin: 0 5px 8px 8px;
    padding: 5px;
    border: 1px solid #fff;
    &.active{
        background: #f2f2f2;
        .borderfunction;
        .picup-operate{
            display: block;
            a:link,a:visited{
                .borderfunction(1px,#f2f2f2);
                .disabled{
                    cursor: text;
                    color: #999;
                }
            }
            a:hover,a:active,a:link.bon,a:visited.bon{
                border: 1px solid #ccc;
                background: #fff;
                &.disabled{
                    .borderfunction(1px,#f2f2f2);
                    background: #f2f2f2;
                    cursor:default;
                }
            }
        }
    }
    li{
        margin-bottom: 6px;
        .upload-pic{
            width: 207px;
            height: 155px;
            padding: 1px;
            position: relative;
            img{
                width: 207px;
                height: 155px;
                border: 0;
            }
            .up-tips,.up-bg{
                height:26px;
                width:207px;
                overflow:hidden;
                display:block;
                position:absolute;
                bottom:0;
                left:1px;
                text-align:left;
            }
            .up-tips{
                z-index:2;
                img{
                    width: 20px;
                    height: 26px;
                    border: 0;
                    vertical-align:middle;
                }               
                i,a{
                    line-height:26px;
                    vertical-align:middle;
                }
            }
            .up-bg{
                opacity: .8;
                filter: alpha(opacity=80);
                -ms-filter: "alpha(Opacity=70)";
                z-index: 1;
                background: #fefefe;
            }
        }
        .upload-done-small{
            float: none;
            margin: 0;
        }
    }
}
.picup-operate {
    display: none;
    *height: 26px;
    *overflow: hidden;
    a:link,a:visited{
        display: inline-block;
        float: left;
        padding: 4px;
        text-decoration: none;
        color: #666;
        height: 16px;
        line-height: 16px;
        .border-radius;
    }
}
.icon-cover,
.icon-category,
.icon-delete,
.icon-clockwise {
    background: url(/style/images/houselist.png) no-repeat -29px -480px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    _vertical-align:middle;
}
.icon-clockwise {
    background-position: 0 -479px;
}
.icon-category {
    background-position: -64px -479px;
}
.icon-delete {
    background-position: -96px -479px;
}
.icon-swfm {
    background: url(/style/images/houselist.png) no-repeat 0 -536px;
    width: 63px;
    height: 63px;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
}
.icon-verify{
    position:absolute;
    top:1px;
    right:1px;
    height: 20px;
    line-height: 20px;
    min-width:30px;
}
.disabled {
    .icon-cover {
        background-position: -157px -480px;
    }
    .icon-clockwise{
        background-position: -127px -479px;
    }
    .icon-category {
        opacity: .5;
        filter: alpha(opacity=50);
        -ms-filter: "alpha(Opacity=50)";
    }
    .icon-delete {
        background-position: 0 -507px;
    }
}
.picup-describe{
    position:relative;
    display:block;
    .inpt-none {
        height: 28px;
        line-height: 28px;
        background: none;
        border: 0;
        padding-left:8px;
    }
    .picup-describe-out{
        position:absolute;
        top:0;
        left:0;
        .inpt{
            width:194px;
            margin-right:0;
        }
    }
}
.picup-piclist{
    _height:231px;
    _margin: 0 2px 8px 8px;
    &.active{
    }
    .picup-operate{
        *margin-top:-10px;
    }
    .inpt-none{
        *margin-bottom:-10px;
    }
    .picup-describe-out{
        *margin:-5px 0 -10px 0;
    }
}

.picup-write {
    position: absolute;
    bottom: -41px;
    left: 0;
    width: 183px;
    height: 28px;
    padding: 6px 12px;
    background: #feefef;
    border: 1px solid #ccc;
    border-top: 0;
}
.picup-ms {
    width: 209px;
    height: 26px;
    line-height: 26px;
}

.wrap-body-inner{
    min-width: 720px;
    max-width: 1370px;
    padding: 64px 20px 20px;
    margin: 0 auto;
}
.button{
	&.white{
		padding: 5.5px 10px;
		color: #333;
		cursor: pointer;
		word-break: break-all;
		word-wrap: break-word;
		text-decoration: none;
		text-shadow: 0 1px 0 #fff;
		font-size: 12px;
		line-height: normal;
		font-weight: normal;
		vertical-align: middle;
		border: 1px solid #bbb;
		background-color: #eee;
		background-repeat: repeat-x;
		text-shadow: 0 1px rgba(0, 0, 0, 0.1);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
		&:hover{
			background:#e4e4e4;
		}
	}
}
.tab-bg {
    height: 42px;
    padding: 0 10px;
    background: #fff;
    li{
        float: left;
        border-bottom: solid 1px #ddd;
        padding: 9.5px 0;
        width: 100%;
        &.last{
            float: right;
            a:link,a:visited{
                color:#fff;
            }
        }
        span{
                font-size: 16px;
                _font-size:15px;
                font-family: "Microsoft YaHei","Microsoft YaHei" !important;
        }
    }
    &.first{
        margin-top:0;
    }
}
/*需求详情浏览*/
.dhouse-descrice {
    li {
        float: left;
        width: 50%;
        margin-bottom: 6px;
        &.w100{
            width: 100%;
            span{
                width:auto;
            }
        }
        &.left{
            width: 50%;         
        }
        &.dhouse-dlast{
            margin-bottom:4px;
        }
        label{
            display: inline-block;
            vertical-align:top;
            width: 89px;
            font-weight:bold;
            em{vertical-align:middle;}
        }
        span{
            color:#666;
            display:inline-block;
            width:250px;
            span{
                width:auto;
                display:inline;
            }
            .name{
                font-size: 14px;
            }
            .number{
                font-family: Arial;
                color: @blue;
                font-weight: bold;
                font-size:14px;
            }
            &.hs-info{
                a{
                    color:#666;
                    font-size:14px;
                    &:hover,&:active{
                        color: #e03030;
                        text-decoration: underline;
                    }
                }
            }
        }
        &.dhouse-long{
            span{
                display:inline-block;
                width:83%;
                vertical-align:top;
            }
            label{
                vertical-align:top;
            }
        }
    }
}

.navbox.nav {
    background: #fff;
    max-width: 140px;
    box-shadow: -10px 0px 46px -10px #000000;

    li {
        width: 100%;

        & > a {
            color: #616161;
            padding:10px 15px;
            font-size:14px;
            .iconfont {
                font-size: 18px;
                width: 22px;
                color: #8A8A8A;
                -webkit-text-stroke-width: .2px;
            }

            &:hover, &:focus {
                background-color: #f8f8f8;
                color: #fb4a46;

                .iconfont {
                    color: #fb4a46;
                }
            }
        }
    }
}
/*select2多选样式调整Start*/
/*.select2-container-multi .select2-choices .select2-search-choice{
    font-size:13px;
    padding: 6px 8px 6px 18px;
    margin: 6px 3px 6px 8px;
}
.select2-container-multi .select2-search-choice-close{
    left: 4.5px;
    top: 5.5px;
}
.select2-container-multi .select2-choices .select2-search-field input{
    line-height:27px;
}*/
.newtarea .button.white{
    padding: 5.5px 10px;
    color: #333;
    cursor: pointer;
    word-break: break-all;
    word-wrap: break-word;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #bbb;
    background-color: #eee;
    background-repeat: repeat-x;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    &:hover {
        background: #e4e4e4;
    }
}
/*End*/

em.feng_icon{
    display: inline-block;
    background: #1afa29;
    height: 20px;
    width: 20px;
    color: #fff;
    border-radius: 5px;
    text-align:center;
    &.big{
        height:22px;
        width:22px;
        color:#fff;
    }
}
.kq_div{
    width:45%;float:left;line-height:1.5;
    &>div{
        margin-top:10px;
        img{
            width:200px;
        }
    }
    em.icon{
        background: #999;
        color: #fff;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        margin-right:5px;
        vertical-align: top;
        padding: 6px;
        line-height: 1;
        -webkit-transform: scale(0.85);
    }
}

/*二维码*/
.dcode-box {
  padding: 12px;
  border: solid 2px #cccccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: none;
  background: #fff;
  color: #444;
  font-size: 14px;
  text-align: center;
  -moz-box-shadow: 0 0 10px #ddd;
  -webkit-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  margin-top: 116px;
}
m-selection{
    position:relative;
    text-align:left;
    m-selection-item{display:none;}
    .select2-results{
        li:hover{
            background: #dfdfdf;
            color: #333;
        }
    }
    .select2-drop{
        width: auto;display: block;
        left:0;
        top:20px;
        position: absolute;
        max-height: 200px;
        margin: 0 4px 4px 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        &.dn{
            display:none;
        }
    }
    .select2-result-label{
        padding: 2px 4px 3px;
        position:relative;
        &:after {
            content: '';
            height: 20px;
            width: 15px;
            display: inline-block;
            position: absolute;
            left: 4px;
            top: 3px;
        }
        input{
            margin-right:3px;
            height:15px;
            width:15px;
        }
    }
    .select2-container-multi{
        display:none;
    }
}
/*.icon-btn-callout{
	color:white;
	padding-left:28px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align:middle;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-top-right-radius:3x;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	display:inline-block;
	background:#418BCA url(images/button1.png) no-repeat 4px -499px;
}*/
.icon-btn-callout{
    &:hover, &:active{
        text-decoration:none;
    }
    &:after{
        font-family: iconfont;
        content: '\e685';
        background: #59b6ff;
        font-size: 20px;
        vertical-align: middle;
        height: 20px;
        width: 20px;
        display: block;
        border-radius: 5px;
        line-height: 21px;
        color: #fff;
    }
}
/*小窗口-经纪人名片V4 20140614*/
.avaimg{
    display:none;
}
.win{
    padding:20px;
    width:365px;
    word-break: break-all;
}
.win-ct{
    display:block;
    text-align:left;
    font-size:12px;
    li{
        margin-top:5px;
        color:#fff;     
        p.rt{               
            margin-top:3px;         
        }
        em{
            font-family:Arial;
        }
		a{
			color:#e34444;
		}
        .win-ct-smore{
            display:inline-block;
            width:256px;
            vertical-align:top;
            overflow: hidden;
            text-decoration: none;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            a{
                color:#fff;
            }
        }
        &.win-ct-lfirst{
            margin-top:0;
            a{
                &:link,&:visited{
                    color:#fff;
                    font-size:18px;
                    font-weight:normal;
                    font-family:"微软雅黑";
                    display: inline-block;
                    max-width: 140px;
                    overflow: hidden;
                    text-decoration:none;
                    white-space:nowrap;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    vertical-align:-4px;
                }
            }
        }
        &.com-operate{
            margin:12px 0;
            .btn-last{
                margin-right:0;
            }
        }
        .follow-info{
            float:left;
        }
    }
}
.win-card{
    width: 573px;
    height:290px;
    position:absolute;
    top:50%;
    margin-top:-145px;
    left:50%;
    margin-left:-286.5px;
    background: url(images/bg-communication.png) repeat center center;
    .win-box{   
        width:573px;
        height:290px;   
    }
    .win{           
        width: 529px;
        height: 242px;
        padding:24px 22px;
    }
    .avaimg{
        float:left;
        margin:0 32px 0 0;
        width:124px;
        height:164px;
        overflow:hidden;
        display:block;
        img{
        border:solid 1px #d7d7d7;
        padding:1px;
        background-color:#fff;
        }
    }
    .win-ct{
        float: left;
        font-size:14px;
        li{
            margin-top:8px;
            .win-ct-smore{
                width:296px;
            }
            &.win-ct-lfirst{
                line-height:32px;
                a{
                    &:link,&:visited{
                        font-size:32px;
                    }
                }
            }
            &.com-operate{
                margin:24px 0;
            }
            p.rt{
                margin-top:8px;
            }
        }
    }
    li{
        color:#fff;
        &.win-ct-lfirst{
            a{
                &:link,&:visited{
                    color:#fff;
                }
            }
        }           
    }   
}
 /*@media (max-width: 1415px) {
     .select2-container.adaptation{
            min-width:81px!important;
			 width: 81px!important;
		 }
		 .listsort-search{
			 input[name="opb"],input[name="shb"],input[name="crb"],.Wdate{
					width: 106px!important;
				}
			}
			input#q{
				width: 126px!important;
			}
            .inpt.small{
                width:65px!important;
            }
 }*/
 /*popwidow弹出框内样式*/
.dy-ct-inner{
    margin:0 16px;
}
.dy-ct-hei160 {
    height:160px;
    overflow:auto;
}
.dy-ct-hei90 {
    height: 90px;
}
.dy-icon {
    margin: 20px 0 10px 0;
    float: left;
    width: 146px;
    text-align: center;
}
.dy-ct {
    margin: 0 0 6px 0;
    float: left;
    width: 400px;
}
.dy-list {
    margin: 0 0 12px 0;
}
.dy-ct h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 4px 0;
}
.dy-link{
    margin: 2px 0 12px 0;
}
.share{
    margin:0 0 10px 0;
}
.sharebroker{
    margin:0 0 12px 0;
}
.allbroker{
    cursor:pointer;
}
.allbroker.cslist{
    display:inline-block;
    color:#666;
}
.fontbtn{
    color:#c33;
}
.brokerlist{
    margin:2px 0;
    line-height:24px;
}
/*新表单v4*/
.newforms{
    &.marginleft{
        padding-left:24px;  
    }
    &.top-line {
        padding-top: 12px;
        margin-top:12px;
        border-top: 1px solid #ccc;
    }
    &>li{
        padding:8px 0;
        h2{
            font-size: 16px;
            font-family: "Microsoft YaHei";
            color: #666;
        }
        label{
            width:82px;
            display:inline-block;
            vertical-align:middle;
            color: #666;
            margin-right: 8px;
            text-align:right;
            &.sp{
                letter-spacing:6px;
            }
            em{
                color:#EB6363;
                margin-right:3px;
                font:normal 12px/24px "宋体";
                display:inline-block;
                width:6px;
            }
        }
        span{
            vertical-align: middle;
            display: inline-block;
            span{
                display:inline;
                vertical-align: baseline;
            }
            &.nf-wdefault{
                width:560px;
            }
            &.half{
                width:278px;
                display:inline-block;
            }
            label{
                width:56px;
                display: inline-block;
                float:none;
                color:#333;
                margin-right:0;
                vertical-align: middle;
                text-align: left;
                cursor:pointer;
                &.name{
                    width: 84px;
                    margin-right: 20px;
                    white-space:nowrap;
                    overflow:hidden;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                }
                .ui-button-text{
                    text-align:center;
                }
            }
            input[type=checkbox],input[type=radio] {
                vertical-align: middle;
            }
            select{
                min-width: 86px;            
                background-color: white;
                height: 26px;
                line-height: 26px;
                border-color: #ccc;
                margin-right: 6px;
            }
            em{
                em{
                    color:#EB6363;
                    margin-right:3px;
                    font:normal 12px/24px "宋体";
                }
            }
            i{
                color:#999;
                margin:0 0 0 6px;
                &.icon-add,&.icon-dele,&.icon-bcancel,&.icon-bdele{
                    margin: 0 4px 0 0;
                }
                &.gray{
                    margin: 0;
                }
            }
            &.wrap-trea{
                width:478px;
                display:inline-block;
                i{
                    margin:6px 0 0 0;
                    display: inline-block;
                }
            }
            a{
                &:link,&:visited{
                    &.opera{
                        text-decoration: none;
                        margin-left: 12px;
                    }
                    &.tbtn{
                        margin-right: 6px;
                    }
                }
            }
            li{
                padding:0;
            }
        }
        &.vtop{
            span,label{
                vertical-align: top;
            }
        }
        .mgr-a {
            margin-right: 40px;
        }
        .mgrb {
            margin-right: 24px;
        }
        .mgrc {
            margin-right: 12px;
        }
        .mgl-a {
            margin-left: 6px;
        }
    }
    &.newforms-notice{
        li{
            label{
                width:auto;
                margin-right:0;
            }
        }
    }
    .chzn-container {
        vertical-align: top;
    }
    &.newforms-pop{
        li{
            label{
                width:60px;
            }
            .inpt.small{
                width:96px;
            }
            .select2-simple2.select2-container{
                width:110px;
                min-width:110px;
            }
            .flist-tareabox{
                textarea{
                    width: 99%;
                    height: 92%;
                    border: 0;
                    outline: none;
                }
            }
        }
    }
}
.datetable{
    td{
        cursor:pointer;
        transition: all .2s;
        -moz-transition: all .2s;	/* Firefox 4 */
        -webkit-transition: all .2s;	/* Safari 和 Chrome */
        -o-transition: all .2s;	/* Opera */
        div{
            p{
                display:table;    
                width: 100%;
                text-align: left;
                margin: 10px 0;
                span{
                    display:table-cell;
                    color:#666;
                    em,strong{
                        color:#f00;
                        margin-left:5px;
                        &.on{
                            color:#39f;
                        }
                    }
                    strong{
                        font-size:16px;
                    }
                }
                &:first-child{
                    font-size:18px;
                    color:#39f;
                    line-height:1;    
                    margin: -6px 5px 0;
                }
                &:last-child{
                    margin-bottom:0;
                }
            }
        }
        &:hover,&.on{
            background:#d6edf7;
            border-color:#77c3f8;
        }
        &.off{
            background:#e4e8ea;
            p{
                color:#999;
                span{
                    color:#999;
                    em,strong{
                        color:#999;
                        &.on{
                            color:#999;
                        }
                    }
                }
                &:first-child{
                    color:#999;
                }
            }
            &:hover{
                border-color:#cbcbcb;
            }
        }
    }
}
.datebox{
}
/************************
 筛选栏(带时候整理)
************************/
.sortheader{
	border: solid 1px #ccc;
	background: #eaeaea;
	padding: 8px;
	position: relative;
	b{
		float:left;
		margin-right:30px;
		margin-bottom:2px;
	}
	ul{
		float:left;
		width:85%;
	}
}
.listsort-wrap {
    background: #fff;
	padding:8px 5px 5px;
}
.listsrot-box {
    border-bottom: 1px solid #ccc;
    z-index: 1;
    background: #fff;
}
.listsort-in {
    li {
        min-height: 45px;
        box-sizing: border-box;
        padding-top: 8px;
        padding-bottom: 7px;
        font-family: "Microsoft YaHei", "SimHei";
        //font-size:14px;
        &.lsi-first {
            padding-top: 0;
            border-top: 0;
        }

        label {
            color: #333;
            display: inline-block;
            vertical-align: sub;
            margin-right: 18px;
        }

        div {
            span {
                div {
                    &.icheckbox_minimal-grey, &.iradio_minimal-grey {
                        width: 20px;
                        float: none;
                        margin-bottom: 0;
                    }
                }
            }

            &.lside {
                width: 58%;
            }

            &.w100 {
                width: 100%;
            }

            &.mside {
                width: 48%;
            }
        }

        span {
            display: inline-block;
            vertical-align: sub;

            a {
                &:link, &:visited {
                    display: inline-block;
                    margin: 0 1px 0 0;
                    padding: 0 6px;
                    text-decoration: none;
                    color: #333;

                    &.active {
                        color: #e03030;
                        _border: 0;
                    }
                }

                &:hover, &:active {
                    color: #e03030;
                    _border: 0;
                }
            }

            &.ndspl {
                display: none;
            }

            label {
                width: auto;
                vertical-align: top;
                margin-right: 6px;
                text-align: left;
            }

            &.labelmargin {
                label {
                    margin: 0 60px 0 4px;
                }
            }

            input {
                vertical-align: middle;
            }
        }

        &.pd0 {
            padding-bottom: 0;
        }

        &.sortlist-area {
            span {
                width: 90%;

                &.area-sec {
                    width: 82%;
                    display: block;
                    margin-top: 6px;
                    position: relative;
                    padding-right: 50px;

                    a {
                        &:link, &:visited {
                            &.mchoice {
                                position: absolute;
                                right: 6px;
                                top: 10px;
                            }
                        }
                    }

                    &.ndspl {
                        display: none;
                    }
                }
            }
        }

        &.lsi-vm {
            label, span {
                vertical-align: middle;
            }
        }

        &.auto {
            div {
                float: none;
                width: auto;
            }
        }
    }
}
.auto .select2-simple2.select2-container .select2-choice{
    height: 26px;
    line-height: 26px;
}

.listsort-in a:link.mchoice,
.listsort-in a:visited.mchoice,
.listsort-in a:link.active.mchoice,
.listsort-in a:visited.active.mchoice {
    margin: 0;
    *vertical-align: middle;
}
.listsort-in a:hover.mchoice,
.listsort-in a:active.mchoice,
.listsort-in a:hover.active.mchoice,
.listsort-in a:active.active.mchoice  {
	
}
.listsort-in li em.more-sele,
.listsort-in li em.plusgray {
    background: url(images/global.png) no-repeat -17px -494px;
	_background:url(images/global.gif) no-repeat -17px -497px;
    display: inline-block;
    width: 7px;
    height: 15px;
    vertical-align: text-top;
    margin-left: 2px;
}

/*筛选条件*/
.listsort-in li.lsi-hselected,
.lsi-hselected{
	background-color:#fbfbfb;
	//padding:4px 0;
	a{
		&:link,&:visited{
			&.cdele{
				color:#333;
				border:#D9534F solid 1px;
				padding:2px 20px 2px 6px;
				line-height:18px;
				height: 18px;
				margin:0 4px 4px 0;
				background:white url(images/global.png) no-repeat right -161px;
				_background:white url(images/global.gif) no-repeat right -161px;
				i{
					color:#666;
					margin-right:3px;
					font-weight:normal;
				}
			}
			&.dingyue-icon{
				background:url(images/global.png) no-repeat 0 -238px;
				_background:url(images/global.gif) no-repeat 0 -238px;
				padding:2px 0 2px 22px;
				_padding:4px 0 0 22px;
				color:#666;
				margin-left:6px;
				line-height:18px;
				height: 18px;
				&:hover,&:active{					
					color: #D9534F;
					border-color:#999;					
				}
			}
		}
	}
	span{
		a{
			&:hover,&:active{
				&.cdele{
					color: #D9534F;
				}
			}
		}		
	}
	.clear-select{
		padding:2px 6px 2px 20px;
		_padding:3px 6px 1px 20px;
		line-height:18px;
		height: 18px;
		background:url(images/global.png) no-repeat 0 -271px;
		_background:url(images/global.gif) no-repeat 0 -271px;
		color:#666;
		&:hover,&:active{
			color:#D9534F;
		}
	}
}

/*筛选栏-搜索*/
.listsort-in{
	li{
		&.lsi-last{
			div{
				margin-bottom: 8px;
			}
			label,span{
				vertical-align: middle;
			}
			.btn{
				background:#666;
				.borderfunction(1px,#444);
				height: 30px;
				padding: 0 25px;
				margin:0 6px 0 0;
				background-image: -khtml-gradient(linear, left top, left bottom, from(#555555), to(#666666));
				background-image: -moz-linear-gradient(top, #555555, #666666);
				background-image: -ms-linear-gradient(top, #555555, #666666);
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #666666));
				background-image: -webkit-linear-gradient(top, #555555, #666666);
				background-image: -o-linear-gradient(top, #555555, #666666);
				background-image: linear-gradient(top, #555555, #666666);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#666666', GradientType=0);
				&:hover{
					background:#555;
					.borderfunction(1px,#444);					
					background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#555555));
					background-image: -moz-linear-gradient(top, #666666, #555555);
					background-image: -ms-linear-gradient(top, #666666, #555555);
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #555555));
					background-image: -webkit-linear-gradient(top, #666666, #555555);
					background-image: -o-linear-gradient(top, #666666, #555555);
					background-image: linear-gradient(top, #666666, #555555);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555', GradientType=0);
					_filter:none;
				}
			}
		}
	}
}
/*搜索栏的文本框*/
.listsort-search{
    border: 1px solid #ccc;
    padding: 3px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.listsort-search input {
	padding:0 0 0 4px;
    width: 95px;
    border: 1px solid #fff;
    display: inline-block;
    float: left;
    vertical-align: top;
	height:18px;
	line-height:18px;
	overflow:hidden;
	&.Wdate{
		background-position:100% -208px;
	}
}
.listsort-search input.sinpt {
    width: 40px;
    border-left: 1px solid #ccc;
}
.listsort-search input.hline {
    border-left: 1px solid #ccc;
}
.listsort-in li.lsi-last .cbox label {
    vertical-align: middle;
    width: auto;
    padding-right: 8px;
    margin-right: 8px;
    cursor: pointer;
}
.listsort-in li.lsi-last .cbox input {
    vertical-align: middle;
    cursor: pointer;
}
.listsort-in li.lsi-last {
	a{
		&:link,&:visited{
			color: #666;
			margin: 0 4px 0 0;
		}
		&:hover,&:active{
			background-color:#fff;
		}
	}
	.cbox{
		a{
			padding:0;
		}
		em{
			vertical-align:middle;
		}
	}
}
.listsort-in li.lsi-last em.checkbox,
.listsort-in li.lsi-last em.hascheckbox {
    background: url(images/grey.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}
.listsort-in li.lsi-last em.hascheckbox {
    background-position: -40px 0;
}
.search-total{
	padding: 4px;
	margin: 6px 0;
	background: #f7f7f9;
}
.listsort-in li.lsi-hselected span {
	width:568px;
}
.listsort-in li{
    .Wdate{
        width:120px;
    }
}
.content-inner .listsort-in li.lsi-hselected span{
	width:auto;
}
.new-tabs{
	width: 100%;
	overflow: hidden;
	border-left: #dddddd 1px solid;
	position: relative;
	.tab-wrap{
		position: relative;
		float: left;
		margin-right: -8px;
		text-align: center;
		line-height: 36px;
		border-bottom: #dddddd 1px solid;
		cursor: pointer;
		li, > div{
			position: relative;
			width: 100px;
			height: 0;
			border-bottom:36px solid #f6f6f6;
			border-left:10px solid transparent;
			border-right:10px solid transparent;
			a, a:link, a:visited, a:hover, a:active{
				font-size: 14px;
				color: #666;
				text-decoration: none;
			}
		}
		&::before{
			content: '';
			position: absolute;
			width: 100px;
			border-top: 1px solid #ddd;
			left: 10px;
			top: 0;
			z-index: 100;
		}
		&:after{
			content: '';
			position: absolute;
			width: 102px;
			float: left;
			height: 0;
			left: -1px;
			top: 0;
			z-index: -1;
			border-bottom:36px solid #dddddd;
			border-left:10px solid transparent;
			border-right:10px solid transparent;
		}
	}
	.tab-wrap.on{
		z-index: 100;
		border-bottom: 1px solid #fff;
		li, > div{
			border-bottom:36px solid #fff;
			border-left:10px solid transparent;
			border-right:10px solid transparent;
			a, a:link, a:visited, a:hover, a:active{
				color: #333;
				font-weight: bold;
			}
		}
	}
}
.relTab {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 37px;
    padding-right:10%;
    box-sizing:border-box;
    border-left: 1px solid #ddd;
}
.absTab {
    position: absolute;
    left: 0;
    top: 0;
    width:2000px;
}
.goback{
    position:absolute;
    width:70px;
    height:37px;
    border-top:1px solid #f2f2f2 ;
    right: 0;
    top:0;
    background:#f2f2f2;
    z-index:102;
    padding-left:10px;
    box-sizing:border-box;
    #back,#go{
        font-size:14px;
        line-height:37px;
        cursor:pointer;
        &:hover{
            color:aqua;
        }
    }
}
/* 新版楼盘详情图片样式 */
.formdiv {
    .pd10 {
        padding-left: 10px !important;
    }
}
.libFlex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 15px 10px;
}
.btn-danger {
    background: red;
    border-color: red;

    &:hover {
        background: red;
        border-color: red;
        opacity: .8;
    }
}
.btn-success {
    background: #6cc16f;
    border-color: #6cc16f;

    &:hover {
        background: #6cc16f;
        border-color: #6cc16f;
        opacity: .8;
    }
}
.btn-gray2 {
    background: gray;
    border-color: gray;

    &:hover {
        background: gray;
        border-color: gray;
        opacity:.8;
    }
}
.bg-gray{
    background:#f2f2f2; 
}
#editTable {
    .input {
        width: 90%;
        font-size: 12px;
        line-height: 1;
        white-space: nowrap;
        height: 40px;
        cursor: pointer;
        text-align: center;
        position: relative;
        border: none;

        &:focus {
            border: 2px solid #80aaff;
        }
    }

    tr:hover td {
        background: #fff;
    }

    textarea {
        border: none;
        height: 80%;
        width:98%;
    }

    select {
        
    }
}
#editTable,#showTable{
    table-layout:fixed;
}
.house-Img {
    width: 80px;
    height: 60px;
    display: block;
    margin:0 auto;
}
/*.layui-layer .layui-layer-setwin .layui-layer-close2{
     right:8px;
     top:-2px;
     top:6px@ie10-fix;
     background:none;
     text-decoration:none;
     width:16px;
     height:16px;
     &:after{
         content:"\e6a7";
         font-family:iconfont;
         width:16px;
         height:16px;
         display:block;
         color:#fff;
         font-size:24px;
     }
 }*/
.icheckbox_flat-red, &.iradio_flat-red {
    margin: -3px -2px 0 0;
    transform: scale(.8);

    + label {
        padding-left: 5px;
        margin: 0 5px 0 -3px !important;
    }
}
.layui-layer .layui-layer-title{background-color:#e34444;color:#e34444;border-bottom:0;height:10px}

.table-default {
    display: table;
    color: #888;
    border-collapse: collapse;
    padding: 0px;
    width: 100%;
    border-spacing: 0;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 0 0 1px 1px;
    font-family: Tahoma, Geneva, sans-serif;

    tr:nth-child(odd) {
        background-color: #f8f8f8;
    }

    tr th {
        display: table-cell;
        background-color: #fff;
        vertical-align: middle;
        text-align: left;
        padding: 8px 0 8px 6px;
        _padding: 8px 0 5px 6px;
        border-color: #e5e5e5;
        border-style: solid;
        border-width: 1px 1px 1px 0;
        color: #666;
    }

    &.table-inner {
        color: #666;
        width: 100%;

        th, td {
            text-align: center;
            vertical-align: middle;
            padding: 10px 6px;
        }
        td {
            border-color: #e5e5e5;
            border-style: solid;
            border-width: 0 1px 1px 0;
        }
    }
}
.tl1 {
    display: flex;

    .pic-box {
        position: relative;
        width: 100px;
        height: 75px;

        .close {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 18px;
            color: #ff0000;
            cursor: pointer;
        }
    }
}


.lab{
    padding:3px 5px;
    background:#999999;
    color:#fff;
    border-radius:4px;
    &.red{
        background:#ff4a4a;
    }
}
.logo {
    &_anjuke {
        width: 25px;
        height: 25px;
        background: url('/style/images/oa/logo-anjuke.png') no-repeat center;
        background-size: cover;
    }

    &_fangfang {
        width: 25px;
        height: 25px;
        background: url('/style/images/oa/logo-fangfang.png') no-repeat center;
        background-size: cover;
    }
}

.section {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;

    .ml150 {
        margin-left: 150px;
    }

    .flex {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .PcLogo {
        width: 150px;

        img {
            max-width: 100%;
        }
    }

    .section_top {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 10px 0;
        box-sizing: border-box;

        .edit-bpic {
            width: 45px;
            height: 45px;
        }
    }

    .section_body {
        width: 100%;
        padding: 20px 0;
        box-sizing: border-box;

        .online {
            display: inline-block;
            padding: 3px 5px;
            color: #fff !important;
            background: #ff0000;
            border-radius: 5px;
        }

        .table-title {
            width: 100%;
            padding: 10px 20px;
            background: #eff3f5;
            box-sizing: border-box;
            font-size: 14px;
        }

        .btn {
            padding: 3px 10px;

            &.btn-green {
                background: #6cc16f;
            }
        }

        .flot {
            width: 33.33%;
            min-height: 200px;
            float: left;

            .flot-title {
                text-align: center;
                font-size: 16px;
                color: #333;
                margin-bottom: 10px;
            }

            .pie {
                width: 160px;
                height: 160px;
                margin: 0 auto;
            }

            .pie-group {
                width: 160px;
                height: 160px;
                margin: 0 auto;
            }

            .pie-cirl {
                width: 120px;
                height: 120px;
                background: #fff;
                z-index: 2;
                position: absolute;
                top: 20px;
                left: 20px;
                border-radius: 50%;

                p {
                    text-align: center;
                    font-size: 16px;
                    color: #333;
                }
            }

            .flot-logo {
                width: 110px;
                min-height: 50px;
                margin: 20px auto;

                li {
                    float: left;

                    a {
                        color: #333;
                        padding: 0 5px;
                    }
                }
            }

            .dot {
                display: inline-block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #ccc;
                margin-right: 5px;

                &.red {
                    background: #ff5c5c;
                }

                &.green {
                    background: #30d5dd;
                }

                &.blue {
                    background: #44abeb;
                }

                &.orange {
                    background: #f39536;
                }
            }

            .buy {
                width: 180px;
                text-align: center;
                line-height: 46px;
                margin: 20px auto;
                background: #ff4a4a;
                border-radius: 45px;
                color: #fff;
                font-size: 16px;
                display: block;

                &:hover {
                    background: #00a0e9;
                }
            }
        }
    }
}

.postCard {
    width: 415px;
    height: 224px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    cursor:pointer;
    &.card1 {
        background: url('/style/images/oa/postCard1.png') no-repeat center;
        background-size: cover;

        .card-top {
            width: 100%;
            height: 150px;
            box-sizing: border-box;
            padding: 25px 20px;

            .avatar {
                width: 85px;
                height: 85px;
                border-radius: 15px;
                margin-right: 30px;
                float: left;

                img {
                    max-width: 100%;
                }
            }

            .info {
                height: 85px;
                padding-left: 30px;
                border-left: 1px dashed #999;
                float: left;
            }
        }

        .card-bottom {
            width: 100%;
            height: 74px;
            padding: 20px;
            box-sizing: border-box;
            background-color: #494949;
            color: #fff;
        }

        .frameborder {
            position: absolute;
            top: 138px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .arrow {
                width: 15px;
                height: 24px;
                background: #2cb196;
                opacity: .8;
                position: relative;

                &::after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 15px;
                    width: 0;
                    height: 0;
                    border-top: 12px solid transparent;
                    border-bottom: 12px solid transparent;
                    border-left: 12px solid #2cb196;
                }
            }

            .line {
                width: 100px;
                height: 5px;
                background: #2cb196;
                opacity: .8;
            }
        }
    }

    &.card2 {
        background: url('/style/images/oa/postCard3.png') no-repeat center;
        background-size: cover;

        .card-left {
            width: 256px;
            height: inherit;

            .avatar {
                width: 100%;
                height: inherit;
                position: relative;

                img {
                    width: 100%;
                    height: inherit;
                    position: absolute;
                    -webkit-clip-path: polygon(0% 0%,100% 0,156px 224px,0 224px);
                    clip-path: polygon(0% 0%,100% 0,156px 224px,0 224px);
                }
            }
        }

        .card-right {
            position: absolute;
            right: 0;
            top: 0;
            width: 256px;
            height: inherit;

            .name {
                margin-top: 39px;
            }
        }
    }

    &.card3 {
        background: url('/style/images/oa/postCard2.png') no-repeat center;
        background-size: cover;

        .card-top {
            margin-top: 20px;
            width: 100%;
            padding: 0 20px;
            box-sizing: border-box;

            .avatar {
                width: 79px;
                height: 79px;
                border-radius: 5px;
                margin-right: 20px;

                img {
                    width: 100%;
                }
            }
        }

        .desc {
            width: 100%;
            padding: 0 20px;
            box-sizing: border-box;
        }
    }

    &.card4 {
        background: url('/style/images/oa/postCard1.png') no-repeat center;
        background-size: cover;

        .card-top {
            width: 100%;

            .info {
                width: 242px;
                margin-left: 20px;
                margin-top: 25px;
                padding-bottom: 20px;
                border-bottom: 1px solid #333;
            }

            .avatar {
                width: 112px;
                height: 112px;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
                margin-top: -10px;
                margin-left: 10px;

                img {
                    width: 100%;
                }
            }
        }

        .card-botom{
            width:100%;
            padding:20px;
            box-sizing:border-box;
            
        }
    }
}